Ellipsis class that works in almost all browsers

Applying ellipsis class will put three dots at the end of single line of the content.
Remember that it works only for block elements.

.ellipsis {
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
-moz-binding:url("ellipsis-xbl.xml#ellipsis")
}


and ellipsos-xbl.xml is required for firefox

Comments

Popular posts from this blog

Proper way to have an anchor tag with onclick event

Some thoughts on MongoDB Nodejs driver

CORS issues with IE9 and workarounds