条件:文本隐藏后

时间:2010-12-22 10:11:03

标签: css

我们尝试使用width和overflow css规则来限制html元素的长度。举个例子:

  

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

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

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

关于如何实现这一目标的任何想法?

1 个答案:

答案 0 :(得分:3)

支持the draft specification部分的浏览器中的

text-overflow: ellipsis