如何使瀏覽器的css省略號？

我用這個如何使瀏覽器的css省略號？

p.test { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;}

，但它不工作在Firefox。我沒有檢查其他瀏覽器。

但我需要跨瀏覽器兼容性

來源

2011-05-13 Jitendra Vyas

http://stackoverflow.com/questions/4927257/text-overflowellipsis-in-firefox-4 – thirtydot 2011-05-13 10:19:37

@thirtydot - 其他所有瀏覽器都支持'text-overflow：ellipsis'，除了firefox – 2011-05-13 10:26:03

這實際上在所有主要除Firefox以外的瀏覽器（今年將在第6版中收到）。（http://www.456bereastreet.com/archive/201105/clipping_text_with_css3_text-overflow/） – adamse 2011-05-13 10:28:24

Firefox不支持它。

對於Firefox 3.x有一個解決方法，但是這在FF4中也不起作用。

我被告知他們計劃在FF6中添加支持。

截至目前，沒有任何CSS解決方案可以正常工作於Firefox。有些嘗試能夠接近某些事物，但沒有其他事情是正確的。

如需更多信息，見這個問題：text-overflow:ellipsis in Firefox 4? (and FF5)

我目前的解決辦法是放棄了在具有一個省略號，做點別的。我在文本元素的右側使用淡出效果來爲用戶提供類似的省略號的視覺提示，甚至可以與省略號結合使用，以便我們可以支持所有瀏覽器顯示一些內容這種效果可以顯示文本運行而不必訴諸任何瀏覽器黑客。

UPDATE按Ilee的回答是：

由於Firefox的版本支持7 text-overflow: ellipsis。因此，它是主要瀏覽器的跨瀏覽器，從FF7，IE7和Chrome開始。

來源

2011-05-13 10:38:33 Spudley

+1爲更新 – AlienWebguy 2013-03-25 20:13:44

相關http：// stackoverflow .com/questions/802175/truncating-long-strings-with-css-feasibility-yet – 2014-06-13 07:56:03

此帖已過時。自Firefox 7以來，它支持文本溢出：省略號。因此，它是主流瀏覽器的跨瀏覽器，比如從ff7，IE7和chrome開始。

來源

2012-12-08 02:52:00 llee

我不會說過時的。我在Iceweasel 11中看到了這個問題。 – 2013-03-22 17:11:12

如何使瀏覽器的css省略號？

回答

相關問題