高度和垂直对齐

父元素的高度必须具有静态值（即不是自动或百分比）。如果不指定高度，浏览器会根据内容计算高度，这可能会导致意想不到的结果。

定位内联元素

与text-align相反，适用于块级包含元素，垂直对齐应适用于您要定位的内联元素。

浏览器差异

较旧的浏览器可能不支持一致的垂直对齐。然而，现代浏览器可以很好地处理它，即使在非内联元素上使用也是如此。

示例：居中文本

例如，假设您有以下 HTML：

要将文本在#inner 中垂直居中，请应用vertical-align: middle 到#header:
#header {
  display: inline-block;
  line-height: 1em;
  margin: 0;
  vertical-align: middle;
}
请注意，在此示例中，#inner 是具有固定高度的内联块元素。