我试图让省略号像这样工作：http: //jsfiddle.net/583mK/1/
有趣的是，它在 jsFiddle 上运行良好。奇怪的事情给出了完全相同的 HTML/CSS，它在我的应用程序上不起作用，我不知道为什么。是否有任何省略号陷阱可能导致此问题？
一个很大的区别在于 Fiddle，它都是静态内容。在我的应用程序中，页面加载，jQuery 模板用于填充列表，然后我想要一个省略号。
文本没有溢出，所以溢出正在工作，而空白正在工作，而不是......省略号。
问问题
3942 次
1 回答
8
不确定这是否有帮助：
http://quirksmode.org/css/textoverflow.html
Firefox 不提供支持。Mozilla 开发人员认为，涉及 r-to-l 语言等的边缘案例太多，无法安全实施。
Firefox 现在支持text-overflow: ellipsis从版本 7 (源代码) 开始。欢呼！
我只知道你需要所有这些规则：
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
它应该有宽度（不是内联元素）。
此外，使用您最喜欢的浏览器开发工具来检查您没有继承冲突的属性。
于 2011-04-09T16:48:34.470 回答