是的，我也跟题主有同样的问题，

“line-height: 顾名思义，行高（行间距），指在文本中，行与行之间的 基线间的距离 )。”

“line-height 与 font-size 的计算值之差，在 CSS 中成为“行间距”。分为两半，分别加到一个文本行内容的顶部和底部。”

此（行间距）非彼“行间距”，这两个地方的行间距含义真的不一样，括号里面的行间距才是真正的概念。而引号里面的不是概念，只是一种通俗的认识，指的是第一行字的底部与第二行字的顶部之间空白的距离。

这里真的很容易引起误会，不加点说明真的很容易误导人，我也是纠结了一晚上，自己改代码慢慢试才知道，很浪费一些人时间！没办法自己就是这么爱钻牛角尖的人。。。。。

你可能被那个css里面的行间距误导了

其实也就是把标题的那个块级元素整体设置为一行，然后无论字体多大多小，字体的上下空白处总会相等，因此垂直居中显示了（如有不对，请指教，谢谢）

line-height的意思是行间距也称行高，指的是文本中行与行之间的间距；而“line-height 与 font-size 的计算值之差，在 CSS 中成为‘行间距’”中的“行间距”其实不是真正的行间距，只是一种通俗的认识，所以特别加了引号，指的是CSS中的一行字与下一行字之间空隙的宽度。

图中红色的是CSS中的“行间距”，棕色的代表真正的行间距。

另外，卖萌是解决不了问题的。

你最终自己测试一下效果，得出自己的结论嘛。。本来就是一个很简单的代码结构，咬文嚼字的干嘛？