CSS 使用3行代码将所有内容垂直对齐
示例
IE11+支持
查看结果
使用这3条线垂直对齐几乎所有内容。只需确保将代码应用到的div/图像的父级高度即可。
的CSS
div.vertical {
position: relative;
top: 50%;
transform: translateY(-50%);
}的HTML
<div class="vertical">Vertical aligned text!</div>
IE11+支持
查看结果
使用这3条线垂直对齐几乎所有内容。只需确保将代码应用到的div/图像的父级高度即可。
的CSS
div.vertical {
position: relative;
top: 50%;
transform: translateY(-50%);
}的HTML
<div class="vertical">Vertical aligned text!</div>