FireFox文本溢出省略号黑客删除所有其他样式

Question

我正在尝试在我的网站的FireFox版本中实施text-overflow: ellipsis;支持。我在网上找到了XUL黑客并将其应用到样式表中，但我发现应用hack会从元素中删除所有其他样式。换句话说，我可以有省略号，或者我可以有背景图像，渐变，行高等。

如何让省略号黑客与我的其他风格一起工作？

Answer 1

在元素周围添加一个额外的div，并给出所有背景和字体，然后在子元素上设置文本溢出。

Answer 2

试试这个

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，Firefox，Chrome，Safari