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;

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

另外，使用您最喜欢的浏览器开发工具来检查您没有继承冲突的属性。