Truncating Text with CSS - CSS Snipplr Social Repository

Revision: 62352

at February 18, 2013 16:10 by zfisic

Initial Code

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

Initial URL

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

Initial Description

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

Initial Title

Truncating Text with CSS

Initial Tags

text

Initial Language

CSS

Code Snippets/
Snipplr Blog/
About Snipplr

Choose a language for easy browsing: