Repository navigation
CSS line-clamp #1379
Description
Description
This seems like a yearly affair to ask for unprefixed CSS line-clamp. The major use cases are to clamp lines of text in a card UI. So far, web developers need to use a very specific hack to achieve such UI, like the example shown in MDN:
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
Since the line-clamp draft proposal is specified in CSS Overflow Module 4, it would be best to continue the effort for implementation. From the last year's proposal, it seemed to have gathered quite a number of positive feedback, but alas it was not chosen for Interop 2026. Therefore I'd like to re-raise it again for Interop 2027
Specification
https://drafts.csswg.org/css-overflow-4/#line-clamp
web-feature
https://web-platform-dx.github.io/web-features-explorer/features/line-clamp/
Test Links
No response
Additional Signals
- Proposal for Interop 2026: CSS
line-clampproperty #1029 - Proposal for Interop 2025: Unprefixed
line-clamp#725 - Proposal for Interop 2022: -webkit-line-clamp #16
Activity
github-actions commentedon Sep 8, 2026
This comment was automatically generated based on the information you provided. Please don't edit it.
Below is additional information about the web feature (from the web-features project) which is referenced in your proposal.
If this doesn't accurately correspond to your proposal, please update your initial comment to include
web-features: <feature-id>.To find feature IDs, use the web-features explorer.
Feature line-clamp
line-clampCSS property limits the text in a block container to a certain number of lines. The prefixed-webkit-line-clampis widely supported but only works with-webkit-box-orient: verticalin combination withdisplay: -webkit-boxordisplay: -webkit-inline-box.line-clampCSS property