条件：文本隐藏后

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

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

我们想要做的是在字符串的末尾添加三个点'...'，如果文本被隐藏了。如果文本足够短，那么“......”就不应该出现。我的第一个想法是使用：after伪类但不知道如何根据文本是否隐藏来制作条件 我很确定这可以通过javascript / jquery来完成，比较文本的宽度和包含它的html元素的宽度，但我更喜欢css解决方案。 有关如何实现这一点的任何想法？