/blog/articles/

Pure CSS multiline text with ellipsis

I just crafted a new Pen which demonstares the use of text-overflow: ellipsis for multiline text. It only works in webkit browsers but has a fallback for the other ones.
I used SCSS variables to easily adjust text size, line height and line count.

For example this can be useful if you need to make sure that a certain headline can't be longer/taller than a certain size and also don't want to just cut it without any indicator.

Check out this Pen!
Martin Wolf

Hi, I’m Martin Wolf, a Freelance Frontend Web Developer from Germany.
I believe in hard work and sharing what I know.

Contact me

Interested in working with me? Fantastic! The best way to get in touch is by email (hello@martinwolf.org). I’m looking forward to hearing from you.