HTML/CSS省略号

我试图得到一个省略号，像这样的工作：http://jsfiddle.net/583mK/1/HTML/CSS省略号

有趣的是，它的工作原理上的jsfiddle罚款。奇怪的事情给了完全相同的HTML/CSS它不适用于我的应用程序，我不明白为什么。是否有任何可能导致此问题的省略号？

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

文本不溢出，所以溢出正在工作，并且白色空间正在工作而不是...省略号。

它只适用于IE - “文本溢出：省略号”不是一个标准的CSS属性 – 2011-04-09 16:37:45

@Yi我不认为这是真的，但谢谢你！ – AnApprentice 2011-04-09 16:38:55

@YiJiang说什么......几乎是事实。参见[quirksmode条目]（http://www.quirksmode.org/css/textoverflow.html）。我正在使用FF4，并且页面上的测试失败。 – Pops 2011-04-09 16:47:10

不知道这是否可以帮助：是不是在Firefox提供

~~支持。 Mozilla开发人员认为，涉及r-to-l语言的边缘案例太多，无法安全实施。~~

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

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

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

，它应该具有的宽度（不是一个内联元素）。

另外，使用您最喜爱的浏览器开发工具来检查您是否继承冲突的财产。

2011-04-09 16:48:34 contrebis

回答