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现在支持text-overflow: ellipsis从版本7开始(源代码).欢呼!

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

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

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

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