Is it possible to implement the effect of overflow:ellipsis with javascript or css?

Question

I want to show ... when overflow happens,

but sadly in css there is only overflow:hidden which is near but not exact what I want.

Is it possible to implement it ?

Answer 1

text-overflow: ellipsis;

See http://www.quirksmode.org/css/textoverflow.html and https://developer.mozilla.org/en/CSS/text-overflow. Doesn't support Firefox, however.

---

Edit: There's a jQuery plugin for this. After you have installed it, call

$(thatElement).ellipsis();

to activate the style. See http://jsbin.com/acuti3. There are a bunch of other jQuery plugins for besides this.

Answer 2

-moz-binding > firefox
-o-text-overflow > opera
text-overflow > ie + webkit (chrome/safari)