Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
ellipsis

2 Articles
{
,

}
Image
Direct link to the article Using Flexbox and text ellipsis together
ellipsis overflow text-overflow

Using Flexbox and text ellipsis together

You can truncate a single line of text with an ellipsis (…) fairly easily with text-overflow and a few friends. But, as you might expect, that truncation happens at the end of the line of text. What if you want …

Image
Chris Coyier on Jul 21, 2020
Image
Direct link to the article Truncate String with Ellipsis
ellipsis text-overflow truncation

Truncate String with Ellipsis

Things have changed quite a bit since this article was published in 2011! If you’re looking for a more modern approach to truncating a string of content, check out the CSS line-clamp property as well as this tutorial that uses …

Image
Chris Coyier on Feb 18, 2011 Updated on Aug 5, 2024

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top
Advertisement