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>