css - 如果你设置字体大小，你会确定元素占据的高度吗？

Question

假设您有一个包含一行文本的 div，您已将其字体大小设置为 16px。你能确定div的高度吗？我猜不是。我的意思是字体大小似乎与文本行的高度无关。究竟什么是字体大小？字母宽度的像素数？

我问这个的原因是我需要能够设置一行文本的字体大小并确定文本的高度。有什么好主意吗？

Answer 1

您也可以设置行高！

element {
    font-size: 12px;
    line-height: 16px;
}

这将使元素的高度为 16 像素。这也允许您垂直居中文本。但是，设置行高不会改变字体大小。