gpt4 book ai didi

html - 完全适合文本,没有间距

转载 作者:行者123 更新时间:2023-11-28 10:27:15 28 4
gpt4 key购买 nike

在 CSS/HTML 中,在给定字体大小(假设 36 像素)和给定行高 36 像素的情况下,在没有边距/填充的 div 中使用简单文本将不完全适合,顶部总是有一些间距的线。将行高降低 20%(即在本例中为 29.8)似乎达到了预期的效果。

这是为什么,是不是我遗漏了任何浏览器的东西?我假设 line-height 等于 font-size 实际上根本不应该在一行周围添加任何间距?

更新:我实际得到的效果称为“半领先”。但是,我假设当将行高设置为等于字体大小时,可能根本不会出现行距,因为浏览器计算的半行距应为 0px。

更新 2:刚刚在 CSS-Spec 中发现:http://www.w3.org/TR/CSS2/visudet.html#line-height但是,考虑如何完全避免添加上升器/下降器,我仍然感到困惑?

最佳答案

响应您的更新 #2:

由于每个字体都计算了上升/下降高度,所以有些字体没有上升/下降,比如所有大写等宽字体。它需要是一种不包含任何带有 a/d 的字符的字体;仅应用 text-transform: capitalize 是行不通的。

一个迂回的解决方案,但正如您所说,它是一个“功能而不是错误”。

关于html - 完全适合文本,没有间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23678166/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com