在使用text-overflow:ellipsis时，替代white-space:nowrap的方法有哪些？

Question

6

在他的演示页面上，PPK说text-overflow:ellipsis需要“盒子有white-space:nowrap或类似限制文本布局的方法”等条件之一。

有人知道他所指的其他“限制”类型吗？我已经尝试了所有其他的white-space选项，但是没有一个能给我想要的效果。我不认为他所说的“类似的限制方法”仅仅是“任何其他的white-space设置”，但我还没有想到其他的文本布局限制。

我问这个问题是因为我想显示两行文本，然后在视觉上截断文本（我使用height:2.5em实现），而white-space:nowrap会阻止文本换行以填充我分配的空间。

- Tom

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- thirtydot · Accepted Answer

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

我不知道他可能在想什么“约束文本布局方式的类似方法”。

我问这个问题是因为我想在视觉上截断两行文本

我不认为CSS可以做到这一点。在这里，有一个答案，我说了同样的话，10个月后有612个浏览量，没有人反驳。