How to show ellipses to the overflew text for HTML elements in Firefox?

Question

I need to show the ellipses(...) if the text overflows in DIVs and SPANs.

I have a CSS attribute called text-overflow:ellipses. But this works only in IE.

I want to display the same in other browsers like Firefox/Chrome etc..

Answer 1

This article (http://mattlaine.com/blog/?p=49) explains how to do it for Firefox.

There is also a jQuery plugin that will add the ellipses for Firefox.

text-overflow: ellipsis works on a few other browsers, like Safari. Opera uses -o-text-overflow.