Html 使用CSS删除文本基线下方的空间

最近我一直在处理日语文本，我发现了一个相当烦人的特性。在日语中，与英语不同，字形不会延伸到文本基线以下。这个例子应该说明我的意思：

div{
字号：72pt；
显示：内联块；
文字装饰：下划线；
边框：1px纯红；
利润率：10px；
文本对齐：居中；
}

日本語
英语

您需要重置

行高度

，使其不大于1。初始值为

normal

，这取决于浏览器的用户代理、字体系列和字体大小，但通常是介于1和1.2之间的数字。如果您感兴趣，请提供更多信息

div{
字号：72pt；
显示：内联块；
文字装饰：下划线；
边框：1px纯红；
利润率：10px；
文本对齐：居中；
线高：1；
}

日本語
英语

只需将行高设置为与字体大小相同的大小：

行高：72pt

。这将规范化字体高度占用的空间。当然，你可以根据你喜欢的线的高度来调整空间。更多信息请访问

div{
字号：72pt；
线路高度：72pt；
显示：内联块；
文字装饰：下划线；
边框：1px纯红；
利润率：10px；
文本对齐：居中；
}

日本語
English

有趣的是，我没有意识到行高的默认值大于字体大小。