我有一个包含文本集的 div，在太长时显示“...”ellipsis。为此，我需要将 overflow 置于 hidden 并设置一个 max-width。要使 width 属性和 ellipsis 正常工作，容器还需要处于 block 模式(或内联 block )。还需要 white-space: nowrap。我意识到容器没有把它应该的高度作为字体完全适合自身的高度。
参见:http://codepen.io/Reblutus/pen/ebcgs
我意识到我必须将 line-height 提高到 1.5em(有时 1.3em 在某些浏览器中就足够了)适合。
我很难理解为什么字体不会使用足够的高度来适应与其字体大小相同大小的行高。
有人对此有一些有用的信息吗？
最佳答案
问题是你的 line-height 说只考虑 1em 的高度 - 这只够到达基线，以及任何掉落的字母它下面(例如 pqgjy 等)将没有他们需要的空间。
line-height 的典型默认值介于 1.15 和 1.2 之间。这将为字母留出足够的空间。
关于html - 为什么字体不适合带有省略号的容器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24535296/