html - 如何制作跨浏览器的CSS省略号？

Question

我用过这个

p.test {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

但它不适用于 Firefox。我没有检查其他浏览器。

但我需要跨浏览器兼容方式

Answer 1

Firefox 不支持它。

Firefox 3.x 有一个解决方法，但在 FF4 中也不起作用。

我听说他们计划在 FF6 中添加支持。

截至目前，尚无适用于 Firefox 的 CSS 解决方案。有一些尝试已经设法接近某些东西，但实际上没有什么是正确的。

有关更多信息，另请参阅此问题:text-overflow:ellipsis in Firefox 4? (and FF5)

我目前的解决方案是放弃省略号，改用其他方式。我在文本元素的右侧使用淡出效果来为用户提供类似于省略号的视觉提示，它甚至可以与省略号结合使用，这样我们就可以支持所有浏览器来显示一些一种无需借助任何浏览器 hack 即可显示文本连续播放的效果。

更新根据 Ilee 的回答:

Since Firefox version 7 text-overflow: ellipsis is supported. Thus, it is cross browsers for major browsers like start from FF7, IE7 and Chrome.