条件：文本隐藏后

Question

我们正在尝试使用宽度和溢出 css 规则来限制 html 元素的长度。例如：

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

如果文本已被隐藏，我们想要做的是在字符串末尾添加三个点“...”。如果文本足够短，那么“...”不应该出现。我的第一个想法是使用 :after 伪类，但不确定如何根据文本是否隐藏来设置条件

我很确定这可以使用 javascript/jquery 通过比较文本的宽度和包含它的 html 元素的宽度来完成，但我更喜欢 css 解决方案。

对如何实现这一点有任何想法吗？

Answer 1

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