css - 行高大于段落

Question

我将字体设置为 200 像素，将行高设置为 200 像素，当我设置它时，我希望字体高度恰好为 200 像素，但它不是 :(，paragraf 的高度为 200 像素，但字体为 223 像素，你能告诉我为什么吗？

HTML

<p class="par">
A<span id="why">Áj</span>gxÁj
</p>

CSS

body{font-size: 200px;font-family: Arial;line-height: 200px;}
.par{background-color: rgba(0, 255, 0, 0.5);}
#why{background-color: rgba(255, 0, 0, 0.5);}

Fiddle link

Answer 1

您的字体大小是 200px 本身 223px 是 height 的 span。

你可以在 inspect element 中检查它。

使用 F12 或 Ctrl+Shift+I 在 chrome 中打开开发者工具。