Posted By

zfisic on 02/18/13


Tagged

text truncating


Versions (?)

Truncating Text with CSS


 / Published in: CSS
 

URL: http://amix.dk/blog/post/19661

Truncate text using only CSS. IE 6+, Safari 4+, Firefox 7+, Opera 11+ and Chrome 10+:

  1. .truncated_link {
  2. text-overflow: ellipsis;
  3. display: inline-block;
  4. width: 275px;
  5. white-space: nowrap;
  6. overflow: hidden;
  7. vertical-align: top;
  8. }

Report this snippet  

You need to login to post a comment.