解决方法
Form MDN：
On block level elements,the line-height CSS property specifies the
minimal height of line Boxes within the element.On non-replaced inline elements,line-height specifies the height that
is used in the calculation of the line Box height.
正如您在此DEMO和下面的图像中所看到的那样.这意味着对于文本,line-height定义了围绕该框内垂直居中的字母的框的高度,因此您的第一个示例是正确的.
