html/CSS 省略号

Question

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

有趣的是，它在 jsFiddle 上运行良好。奇怪的是，它提供了完全相同的 HTML/CSS，但它在我的应用程序上不起作用，我不明白为什么。是否有任何可能导致此问题的省略号问题？

最大的区别在于 Fiddle，它都是静态内容。在我的应用程序中，页面加载，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;

它应该有宽度(不是内联元素)。

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