html / CSS省略号

Question

我正试图让省略号像这样工作：http://jsfiddle.net/583mK/1/

有趣的是，它在jsFiddle上工作正常。奇怪的是给出完全相同的HTML / CSS它不能在我的应用程序上工作，我无法弄清楚为什么。是否有任何省略号可能导致这种情况？

一个很大的区别在于小提琴，它是所有静态内容。在我的应用程序中，页面加载，jQuery模板用于填充列表，然后我想要省略。

文本没有溢出，因此溢出工作正常，空白区域正在工作，而不是...省略号。

Answer 1

不确定这是否有帮助：

http://quirksmode.org/css/textoverflow.html

Firefox不提供支持。 Mozilla开发人员认为有太多边缘案例涉及r-to-l语言等安全实施，但是。

Firefox现在支持从版本7（source）开始的text-overflow: ellipsis。乌拉！

我所知道的是你需要所有这些规则：

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

它应该有宽度（不是内联元素）。

此外，使用您最喜欢的浏览器开发人员工具来检查您是否继承了冲突的属性。