css - 空白 :nowrap when using text-overflow:ellipsis 的替代品

Question

关于他 demo page , PPK 说 text-overflow:ellipsis 要求(除其他事项外)“盒子有 white-space: nowrap 或类似的限制文本布局方式的方法。”

有谁知道他指的是什么其他类型的“约束”？我已经尝试了所有其他的空白选项，但没有一个能给我我想要的。我不相信他所说的“类似的约束方法”这个短语的意思不仅仅是“任何其他空白设置”，但我还没有想到任何其他文本布局约束。

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

Answer 1

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

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

I ask because I'd like to display up to two lines of text before visually truncating the text

我认为 CSS 做不到。这是 an answer我说同样的话，10 个月后有 612 次浏览，没有人不同意。