我有这个div包含一个文本集来显示" ..." ellipsis
太久了。为此,我需要将overflow
放在hidden
并设置max-width
。要使width
属性和ellipsis
正常工作,容器也需要处于block
模式(或内联块)。此外,还需要white-space: nowrap
。我意识到容器没有采取它应该的高度,因为字体完全适合自身。
请参阅:http://codepen.io/Reblutus/pen/ebcgs
我意识到我必须将line-height
提升为1.5em
(有时1.3em
在某些浏览器中已足够)以使其适合。
我无法理解为什么字体不会使用足够的高度来适应与字体大小相同的行高。
有没有人对此有一些有用的信息?
答案 0 :(得分:2)
问题是你的line-height
说的只考虑1em
的高度 - 这足以达到基线,以及任何低于它的字母(例如{{1}等等)将没有他们需要的空间。
pqgjy
的典型默认值介于line-height
和1.15
之间。这将为字母留出足够的空间。