FireFox文本溢出省略號刪除所有其他樣式

我試圖在我的網站的FireFox版本中實現text-overflow: ellipsis;支持。我在網上發現了XUL hack，並將它應用到樣式表中，但我發現應用hack會從元素中刪除所有其他樣式。換句話說，我可以有省略號，或者我可以有背景圖像，漸變，線條高度等。FireFox文本溢出省略號刪除所有其他樣式

我怎樣才能讓省略號破解與我的其他樣式一起工作？

來源

2010-05-13 John Haager

什麼是黑客 - 鏈接？它可能會增加額外的元素，這可能會改變其他CSS規則的解釋方式。 – bobince 2010-05-13 22:19:42

這是我正在使用的黑客：http://www.rikkertkoppes.com/thoughts/2008/6/ – 2010-05-14 17:34:48

在元素周圍放置一個額外的div，並給出所有的背景和字體，然後在子級上設置文本溢出。

來源

2010-05-14 09:03:18

前幾天嘗試過，並遇到一個問題，其中div（或跨度）將換到下一個行，並不會像它應該是在圖標的右側。 – 2010-05-27 21:05:26

試試這個

display: inline-block; 
*display: inline; 
*zoom: 1; 
text-overflow: ellipsis; 
-ms-text-overflow: ellipsis; 
white-space: nowrap; 
overflow: hidden; 
word-wrap: normal; 
max-width: 130px; 
vertical-align: bottom;

這在IE 7，IE 8，IE 9，IE 10，火狐，Chrome，Safari瀏覽器

來源

2013-04-23 13:18:54

FireFox文本溢出省略號刪除所有其他樣式

回答

相關問題