CSS 使用3行代码将所有内容垂直对齐
示例
IE11+支持
查看结果
使用这3条线垂直对齐几乎所有内容。只需确保将代码应用到的div/图像的父级高度即可。
的CSS
div.vertical {
position: relative;
top: 50%;
transform: translateY(-50%);
}的HTML
<div class="vertical">Vertical aligned text!</div>
热门推荐
10 婚礼亲友祝福语简短幽默
11 毕业离别祝福语简短老师
12 老板生日祝福语简短语
13 哥哥新婚祝福语创意简短
14 侄儿生日祝福语简短独特
15 送师姐的祝福语简短
16 妹妹结婚伴娘祝福语简短
17 姥爷生日祝福语简短精辟
18 女性生日祝福语简短优美