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 to truncate content in the middle?
Leonardo Faria details good use cases for this, like in an operating system window listing files. The line of text is a file name and a file extension. When that line truncates, it … Read article “Using Flexbox and text ellipsis together”