May 11, 2016 02:31 pm GMT
Original Link: https://css-tricks.com/flexbox-truncated-text/
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! The layout breaks and forces the entire flex parent element too wide. Flexbox is supposed to be helping make layout easier!
Fortunately, there is a (standardized) solution. You just need to use a non-flexbox property/value to do it.
What…
Flexbox and Truncated Text is a post from CSS-Tricks
Original Link: https://css-tricks.com/flexbox-truncated-text/
Share this article:
Tweet
View Full Article