web clamp css code example
Example 1: css line-clamp
.line-clamp{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}
Example 2: webkit-line-clamp browser support
// Truncate text when it exceeds 3 lines of text using -webkit-line-clamp
p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3 // change 3 with any number of lines you want to set
}