twitter/bootstrap — Issue #1667: A crossbrowser ellipsis helper
Author: lartus
Created: 2012-02-03 15:09:21+00:00
State: open

The CSS3 ellipsis is very practical when you want to truncate a line of text and show "..." to mean that the text is longer.

The following class ables to gracefully truncate the text at the parent width
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }