在CSS中以固定高度垂直居中标题

Question

我有一个标题，

<h1>My Header</h1>

它的高度为 150px ，font-size 为 1.3em; 如何使用 CSS 使标题文本垂直居中。 我宁愿不将其包装在容器 DIV 中（包装 div 确实破坏了整个 CSS 想法）。

Answer 1

最好的方法是添加这个规则：

h1 {
    line-height: 150px;
}

不需要设置高度值，并且字体大小不会影响垂直对齐。

Answer 2

如果标题的高度是150px，你可以将line-height也设置为150px吗？

h1
{
    font-size: 1.3em;
    line-height: 150px;
    height: 150px;
}