有条件：在文本隐藏后

Question

我们试图使用宽度和溢出CSS规则来限制html元素的长度。作为一个例子：

div.hidetext { width: 100px; overflow: hidden; }

我们希望做的是在字符串的末尾添加三个点“...”如果文本已被隐藏。如果文本足够短，那么'...'不应该显示出来。我的第一个想法是使用：后伪类，但不知道如何根据文本是否隐藏作出该条件

我敢肯定，这可以通过比较宽度的javascript/jquery包含它的html元素的宽度的文本，但我更喜欢一个CSS解决方案。

关于如何实现这一点的任何想法？

Answer 1

text-overflow: ellipsis在浏览器中支持那部分the draft specification。