完全没有间距的文本

时间:2014-05-15 12:24:48

标签: html css typography

在CSS / HTML中,使用div中的简单文本,没有带有给定字体大小的边距/填充(假设为36px),并且给定的36px行高不完全适合,总有一些线顶部的间距。将线高降低20%(即在这种情况下为29.8)似乎是所需效果的结果。

为什么会这样,是否有我遗漏的浏览器?我假设行高等于font-size实际上根本不应该在行周围添加任何间距?

更新:我实际获得的效果被称为"半导体"。但是,我认为当设置行高等于字体大小时,浏览器'计算出的半个前导应该导致0px。

更新2:刚刚在CSS-Spec中找到了这个:http://www.w3.org/TR/CSS2/visudet.html#line-height 但是,考虑到如何避免添加ascender / descender,我仍然感到困惑?

1 个答案:

答案 0 :(得分:0)

回应您的更新#2:

由于为每种字体计算了上升/下降高度,因此有些字体不具有上升/下降,就像所有大写字母一样。它需要是一个不包含任何带有/ d的字符的字体;只是应用文本转换:大写不会起作用。

一个迂回的解决方案,但正如您所说,这是一个"功能而非错误"。