Insert ellipsis (…) into HTML tag if content too wide
The following CSS only solution for truncating text on a single line works with all browers listed at http://www.caniuse.com as of writing with the exception of Firefox 6.0. Note that JavaScript is totally unnecessary unless you need to support wrapping multiline text or earlier versions of Firefox. .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; … Read more