line-clamp

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.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

—

Unsupported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

—

Unsupported

Mobile Browser Engine Support

Chrome Android

—

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Can I Use (css-line-clamp) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.line-clamp ↗ css.properties.line-clamp.none ↗