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 ?

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 ?

• javascript
• css

2 Answers 2

text-overflow: ellipsis;

See http://www.quirksmode/css/textoverflow.html and https://developer.mozilla/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./acuti3. There are a bunch of other jQuery plugins for besides this.

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