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

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 ?

Answers:

Answer
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

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

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.