css - 在css中垂直居中具有固定高度的标题

Question

我有一个标题

<h1>My Header</h1>

它有一个高度150px和一个font-size说1.3em; 我如何使标题文本垂直居中与 CSS。我宁愿不将它包装在容器 DIV 中（包装 div 真的破坏了整个 CSS 想法）。

Answer 1

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

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

Answer 2

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

h1 {
    line-height: 150px;
}

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