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.