什么字体不适合带省略号的容器

时间:2014-07-02 15:34:14

标签: html css

我有这个div包含一个文本集来显示" ..." ellipsis太久了。为此,我需要将overflow放在hidden并设置max-width。要使width属性和ellipsis正常工作,容器也需要处于block模式(或内联块)。此外,还需要white-space: nowrap。我意识到容器没有采取它应该的高度,因为字体完全适合自身。

请参阅:http://codepen.io/Reblutus/pen/ebcgs

我意识到我必须将line-height提升为1.5em(有时1.3em在某些浏览器中已足够)以使其适合。

我无法理解为什么字体不会使用足够的高度来适应与字体大小相同的行高。

有没有人对此有一些有用的信息?

1 个答案:

答案 0 :(得分:2)

问题是你的line-height说的只考虑1em的高度 - 这足以达到基线,以及任何低于它的字母(例如{{1}等等)将没有他们需要的空间。

pqgjy的典型默认值介于line-height1.15之间。这将为字母留出足够的空间。