/CSS/How to truncate a multiline text using css

How to truncate a multiline text using css

.yourclassselector {

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* Change this to any number of line to truncate.*/
-webkit-box-orient: vertical;
}

Similar codes

0 vote134 views1 answer
Keynote Smooth the appearance of animations within a presentation:
CSS
0 vote188 views1 answer
Checkbox change background color bootstrap
CSS Bootstrap
22 votes141 views4 answers
Grid center align css
CSS
0 vote128 views1 answer
Css mauszeiger ändern
CSS
0 vote144 views1 answer
ForEach In a forEach method, we pass each food type within that iteration into the callback. A for loop needs you to access the array using a temporary i variable.
CSS
6 votes141 views2 answers
Selecting last child css
CSS
0 vote136 views1 answer
Css static header on scroll
CSS
1 vote161 views1 answer
Faire un fond fade to transparent css
CSS
3 votes139 views1 answer
Top left right bottom css shorthand
CSS
20 votes182 views2 answers
No select css
CSS