高度和垂直對齊

父元素的高度必須具有靜態值（即不是自動或百分比）。如果不指定高度，瀏覽器會根據內容計算高度，這可能會導致意想不到的結果。

定位內嵌元素

與text-align相反，適用於區塊級包含元素，垂直對齊應適用於您想要定位的內聯元素。

瀏覽器差異

較舊的瀏覽器可能不會一致地支援垂直對齊。然而，現代瀏覽器可以很好地處理它，即使在非內聯元素上使用也是如此。

範例：居中文字

例如，假設您有以下HTML：

 要將文字在#inner 中垂直居中，請將vertical-align: middle 應用於#header:
#header {
  display: inline-block;
  line-height: 1em;
  margin: 0;
  vertical-align: middle;
}
請注意，在此範例中，#inner 是具有固定高度的內聯塊元素。