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

0 vote167 views2 answers
Laravel 7 css loading slow
CSS
0 vote238 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
25 votes180 views3 answers
How to add spaces between text in html
CSS
-1 vote162 views1 answer
Css not full width
CSS
0 vote220 views1 answer
Object-fit
CSS
9 votes180 views1 answer
Textview android text align center
CSS
29 votes233 views3 answers
Green hex code
CSS
1 vote175 views2 answers
Change nav background color on scroll css without bootstrap
CSS
0 vote206 views1 answer
Angular set encapsulated body to full height
CSS
0 vote219 views1 answer
Cheat codes for hmtl and css
CSS