我正在尝试text-overflow: ellipsis;
在我的网站的 FireFox 版本中实现支持。我在网上找到了 XUL hack 并将其应用于样式表,但我发现应用 hack 会从元素中删除所有其他样式。换句话说,我可以有省略号,也可以有背景图像、渐变、行高等。
如何让省略号技巧与其他样式一起使用?
尝试这个
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
在元素周围放置一个额外的 div,并为该元素提供所有背景和字体,然后在子元素上设置文本溢出。