Truncating multi-line text with CSS

Bramus Van Damme / filed under HTML & CSS

Firefox 68 will support -webkit-line-clamp (prefixed!), which allows one to trunacate multi-line text using CSS. It’s already been available in Webkit for quite some time. vI find it strange that the old display: -webkit-box; and -webkit-box-orient: vertical; declarations are still required … I’d’ve dropped them if I were Firefox.

Subscribe to newsletter

Best design and frontend links delivered to your inbox every day and week. No spam, unsubscribe at anytime.

Choose frequency

Privacy Policy