Flexbox and Truncated Text

Situation: you have a single line of text in a flex child element. You don't want that text to wrap, you want it truncated with ellipsis (or fall back to just hiding the overflow). But the worst happens. The unthinkable!...

We do not write or claim ownership of any of the articles featured on this website. Instead we aim to highlight them so you can read the full article at the original source. To finish reading this article, follow the continue reading link below. CONTINUE READING
Author: CSS-Tricks

CSS-Tricks, a web design community curated by Chris Coyier.

http://css-tricks.com/

Sign up to our newsletter

Don't worry, we won't give your email to any third parties
and you can unsubscribe at any time.