如何测量CSS线高？

Question

CSS中的行高是从文本的底部到下一行文本的底部吗？或者文本是否在行内垂直居中？

请看示例图片:

Answer 1

表格MDN:

在块级元素上,行高CSS属性指定元素中行框的最小高度.

在未替换的内联元素上,line-height指定用于计算线框高度的高度.

正如您在本演示和下面的图像中看到的那样.这意味着对于文本,line-height定义围绕该框内垂直居中的字母的框的高度,因此您的第一个示例是正确的.

图片来自www.w3.org

Answer 2

找到了这张图片，所以这是你的第一个例子line-height