如果设置font-size，您将确定元素占用的高度吗？

Question

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

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

Answer 1

您也可以设置行高！

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

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