Link Details

Shows how to make text that would overflow the available container end with ellipsis ... with CSS. From the article: "In contemporary web application interfaces, areas for single-line, user-defined labels (strings) are common. For example, Mint.com allows customers to edit transaction descriptions and account names. Other popular web applications allow customization of photo titles, folder names, sections, and much more. A designer’s primary objective should be providing appropriate, optimal space for the expected content. The secondary objective should be elegantly handling the longer strings. Truncation on the server-side is unnecessary, complicated, and usually confusing to the user. Luckily, CSS offers a combination of properties to truncate strings and add ellipsis (…) on the client-/ side, without JavaScript"