有没有办法用CSS2模拟text-overflow: ellipsis？
我发现这个解决方案是emulates text-overflow:ellipsis in firefox with CSS，但它没有用。
我对JavaScript解决方案不感兴趣。
答案 0 :(得分：4)
在没有实际使用text-overflow的情况下，CSS实际上没有一种令人满意的方法可以获得与text-overflow相同的结果。已经有一些尝试，但没有什么真正有效。
我见过的唯一可用的非Javascript解决方案是在样式表中使用-moz-binding将一块XUL代码附加到元素上，后者执行省略号。这在Firefox 3.x中运行良好（除了一些副作用），但在Firefox 4及更高版本中不再有效，因为出于安全考虑，他们放弃了对绑定功能的支持。
好消息是text-overflow正在引入Firefox，并且应该使用FF7（由于加速发布周期，今年晚些时候到期）。这仍然是一个等待的方式，但至少我们知道它现在即将到来。
与此同时，Firefox 4/5/6仍然是唯一一款无法在CSS中获得有效省略号的主流浏览器，而且没有任何好的替代方案
我见过的一个创意解决方案是在文本元素的右端使用渐变透明效果，以产生淡出效果，而不是使用省略号。这是一个不同的外观，但提供了省略号所做的相同类型的视觉提示，并且可以在大多数浏览器中实现它（尽管您可能更喜欢使其特定于Firefox并继续使用省略号用于所有其他浏览器）。
希望有所帮助。
顺便说一下，您可能也会对几个月前我问过这个问题的问题感兴趣：text-overflow:ellipsis in Firefox 4? (and FF5)
答案 1 :(得分：0)
除了Ubuntu + Chrome之外，这个版本似乎无处不在： http://mattsnider.com/css/css-string-truncation-with-ellipsis/
指南针实施： http://compass-style.org/reference/compass/typography/text/ellipsis/