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

回答