Jayesh Patel
Filed under - CSS, Design, HTML5 & CSS3, Other Stuff, Web Designer Help
No Comments so far. Add yours now

All the following are required, so the text must be in a single straight line that overflows a box where that overflow is hidden.

CSS:

.truncate { width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

 

A bunch of more techniques here, including multi-line ellipsis.

 

Leave your comment

You must be logged in to post a comment.

Share IT © 2017. All rights reserved.