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

Question

我有一个标题

<h1>My Header</h1>

它的高度为150px，font-size为1.3em; 如何使标题文本垂直居中于CSS。 我宁愿不把它包装在容器DIV中（包装div真的打败了整个CSS的想法）。

Answer 1

如果标题的高度为150像素，您还可以将line-height设置为150像素吗？

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

Answer 2

最好的方法是添加此规则：

h1 {
    line-height: 150px;
}

您无需设置高度值，字体大小也不会影响垂直对齐。