Truncating text using only CSS

Web Development

Here's how you can truncate text using only CSS. It works in IE 6+, Safari 4+, Firefox 7+, Opera 11+ and Chrome 10+:


.link_truncated {
    text-overflow: ellipsis;
    display: inline-block;
    width: 275px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

P.S. from here

css

0
March 12, 2012, 4:11pm
t0lkman

Only registered and authorized users can leave comments. Login or Register