Html 如何使行高与字体高度匹配？

我已尝试将行距设置为

1em

，但字体上下仍有一些空间（约3px）：

如何将网站的行高设置为字体高度

JSFiddle：

HTML:

CSS:

---

这对于ya应该可以做到，请参考以下示例

div

HTML5/CSS3：

HTML

---

希望这能有所帮助。

我认为您使用小提琴中所述的

行高：1

（不带单位）做得不错

如下列文件所述：

使用的值是无单位乘以元素的字体大小。计算值与指定值相同。在大多数情况下，这是设置行高的首选方法，在继承的情况下不会产生意外的结果

---

这是默认设置。行高始终等于其字体大小。我想你正在寻找

行高：1

@minitech我想要行高与字母匹配的唯一原因是为了使CSS中的边距更干净（即

20px

或

25px

，而不是

11px

或

17px

）@Mr_Green我可以对线条高度做些什么，使其成为字体字母的高度，即“H”？顺便说一句，你在字母上方看到的空间就是放置变音符号的空间。上面还有3个像素，下面是字母：你说得对。增加利润上限：-3px；事实上，我做到了。请注意，即使使用

行高：1

，字母上方和下方仍有3倍的空间。JSFIDLE:。图像：.@user4913694默认情况下，该空间实际上是。依我看，删除它是错误的。也许你用错误的方式解决了一个问题。为什么你要告诉OP他们的要求是错误的？这一点都没有帮助。如果我理解正确的话，顶部和底部的空间是用来放置上下尾字母的。我想我这么说是为了让OP再次考虑他们解决这个问题的策略。

Hello, world!

body {
    font-size: 18px;
    line-height: 1em;
}

margin-top: 0px; margin-bottom: 0px;

<div id = "sample">
    Hello, world!
</div>

body {
    font-size: 18px;
    padding:0;
    margin:0;
}
#sample
{
    height: 18px;
    line-height: 18px;
    background-color: #e0e0e0;
    margin-top:-3px;
}