给定以下 HTML，<p> 的总高度是多少？元素？我认为应该是 1em，但似乎并非如此。低于基线的字母似乎位于某种延伸至字体高度以下的边距上。
<html>
<head>
<style>
p {
margin: 0;
padding: 0;
font-size: 1em;
font-family: serif;
border: 1px solid black;
}
</style>
</head>
<body>
<p>Lorem ipsum.</p>
</body>
</html>
最佳答案
<p> 的高度标记不一定与字体大小相同，因为每种字体都有内置的行高。如果您需要 <p>标签是一个特定的高度，你需要用 height 或 line-height 属性来指定它。
使用 line-height 的另一个好处是，您可以将它与 vertical-align 一起使用来垂直定位文本。
关于html - CSS - <p> 的高度，填充为 0，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26210157/