The line-clamp CSS property limits the text in a block container to a certain number of lines. The prefixed -webkit-line-clamp is widely supported but only works with -webkit-box-orient: vertical in combination with display: -webkit-box or display: -webkit-inline-box.

Compatibility (view on caniuse.com)

• Chrome ❌ Search for bugs Search for Chromestatus entry
• Chrome Android ❌ Search for bugs Search for Chromestatus entry
• Edge ❌ Search for bugs Search for Chromestatus entry
• Firefox ❌ Search for bugs Search for standards position
• Firefox for Android ❌ Search for bugs Search for standards position
• Safari ❌ Search for bugs Search for standards position
• Safari on iOS ❌ Search for bugs Search for standards position

BCD data

• css.properties.line-clamp