CSS 使用3行代码将所有内容垂直对齐

示例

IE11 +支持

查看结果

使用这3条线垂直对齐几乎所有内容。只需确保将代码应用到的div /图像的父级高度即可。

的CSS

div.vertical {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

的HTML

<div class="vertical">Vertical aligned text!</div>