Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
/* http://css-tricks.com/snippets/css/truncate-string-with-ellipsis/ */
.truncate {
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@rianrainey

This comment has been minimized.

Copy link
Owner Author

@rianrainey rianrainey commented Dec 18, 2012

Note: The ellipsis only shows in Chrome if this class is given to the parent div. Any higher ancestor and the ellipsis doesn't work in Chrome.

@rianrainey

This comment has been minimized.

Copy link
Owner Author

@rianrainey rianrainey commented Dec 18, 2012

I just saw that FF now supports the ellipsis.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment