Support prefixing `line-clamp`
Author: jathakCreated Jun 15, 2020Updated Jun 11, 2026
Labelssupport
While the standard line-clamp property is not yet supported in any browsers, the prefixed -webkit-line-clamp is unusual in that it is supported in all modern browsers, including Firefox.
-webkit-line-clamp, unlike the standard line-clamp, also requires display: -webkit-box and -webkit-box-orient: vertical, so ideally Autoprefixer should add those properties as well.
Input
.example {
line-clamp: 2;
}
Expected Output (for all current browsers)
.example {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
}
Source: postcss/autoprefixer