使用 3 行程式碼垂直對齊任何內容

IE11 +支援

檢視結果

使用這 3 條線垂直對齊幾乎所有東西。只需確保你應用程式碼的 div / image 具有高度的父級。

CSS

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

HTML

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