/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

2 votes139 views1 answer
Admin dashboard html css
CSS
5 votes126 views1 answer
How to create a shape in css
CSS
0 vote146 views1 answer
Details summary hide arrow
CSS
75 votes143 views6 answers
Flexbox
CSS
0 vote135 views2 answers
Icon inside a circle css
CSS
68 votes130 views1 answer
Css flexbox syntax
CSS
1 vote93 views2 answers
Summation in jupyter markdown
CSS
0 vote131 views1 answer
Background css hachures
CSS
0 vote130 views1 answer
Specific id under class css
CSS
0 vote180 views1 answer
Css custom easing
CSS