1

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

如何让省略号技巧与其他样式一起使用?

4

2 回答 2

0

尝试这个

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

于 2013-04-23T13:18:54.673 回答
0

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

于 2010-05-14T09:03:18.410 回答