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

Html FireFox文本溢出省略号黑客删除了所有其他样式,html,css,firefox,ellipsis,Html,Css,Firefox,Ellipsis,我试图实现文本溢出:省略号支持。我在web上发现了XUL hack,并将其应用于样式表,但我发现应用该hack会从元素中删除所有其他样式。换句话说,我可以使用省略号,也可以使用背景图像、渐变、线条高度等 如何让省略号hack与我的其他样式一起工作?在元素周围加上一个div,并为该元素提供所有背景和字体,然后在子元素上设置文本溢出。试试这个 display: inline-block; *display: inline; *zoom: 1; text-overflow: ellipsis; -ms

我试图实现
文本溢出:省略号支持。我在web上发现了XUL hack,并将其应用于样式表,但我发现应用该hack会从元素中删除所有其他样式。换句话说,我可以使用省略号,也可以使用背景图像、渐变、线条高度等


如何让省略号hack与我的其他样式一起工作?

在元素周围加上一个div,并为该元素提供所有背景和字体,然后在子元素上设置文本溢出。

试试这个

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;

这在IE7、IE8、IE9、IE10、Firefox、Chrome、Safari中都可以使用 — 链接它可能会添加额外的元素,这可能会改变其他CSS规则的解释方式。这就是我正在使用的黑客:几天前尝试过这个,但遇到了一个问题,div(或span)将换行到下一行,并且不会像应该的那样位于图标的右侧。