使用 3 行代码垂直对齐任何内容

IE11 +支持

查看结果

使用这 3 条线垂直对齐几乎所有东西。只需确保你应用代码的 div / image 具有高度的父级。

CSS

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

HTML

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