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

1 vote311 views2 answers
Hide text css
CSS
8 votes346 views2 answers
Center div vertically tailwind
CSS
12 votes346 views3 answers
Css background image size fit screen
CSS
0 vote369 views4 answers
Select2 make previously selected options non deletable
CSS
1 vote296 views1 answer
Python 'charmap' codec can't decode byte
CSS
89 votes384 views6 answers
Padding
CSS
1 vote329 views1 answer
Css url do not change color of visited links
CSS
0 vote344 views1 answer
Wow animation run in multiple times at once
CSS
0 vote348 views1 answer
Round image center
CSS
0 vote351 views1 answer
Css video poster object-fit
CSS