Restrict a paragraph height css

body {
   margin: 20px;
}

.text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

Source: stackoverflow.com

Restrict a paragraph height css

.class{
   word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px; /* fallback */
   max-height: 32px; /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

Source: stackoverflow.com

Similar codes

51 votes253 views4 answers
Css center horizontally
CSS
71 votes245 views6 answers
How to center items in css
CSS
1 vote213 views1 answer
@extend must be used with a %placeholder
CSS
0 vote235 views1 answer
Text change animation css
CSS
17 votes243 views2 answers
Css grid center elements inside div
CSS
2 votes228 views2 answers
Css change image color
CSS
1 vote270 views1 answer
Active pseudo class in css not working in form text area
CSS
1 vote259 views2 answers
Onclick url
CSS
0 vote223 views2 answers
How to hide youtube watermark from embedded video :2021
CSS
9 votes243 views1 answer
Textview android text align center
CSS