白色空间的替代方法:使用文本溢出时的nowrap:省略号

Question

在他的演示页面上,PPK说文本溢出:省略号需​​要(除其他外)"盒子有空格:nowrap或类似的方法来约束文本的布局方式."

有谁知道他所指的其他类型的"约束"是什么？我已经尝试了所有其他的白色空间选项,但没有一个能给我我想要的东西.我不相信他所说的"类似的约束方法"只是"任何其他的空白设置",但我还没有想到任何其他的文本布局限制.

我问,因为我想在视觉截断文本之前显示最多两行文本(我使用height:2.5em完成),而white-space:nowrap会阻止文本换行以填充我分配的空间.

Answer 1

如果您想以有用的方式white-space: nowrap使用，则需要。text-overflow: ellipsis

我不知道他可能想到了什么“类似的限制文本布局方式的方法”。

我问这个问题是因为我想在视觉上截断文本之前显示最多两行文本

我不认为 CSS 能做到这一点。这是我的一个答案，我也说了同样的话，10 个月后，有 612 次浏览，没有人不同意。