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 vote321 views1 answer
Easiest way to invert css to dark mode
CSS
0 vote313 views1 answer
How to make two different animations to one element css
CSS
1 vote303 views2 answers
Css focus border radius
CSS
0 vote273 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS
16 votes292 views4 answers
Scss to css
CSS
54 votes300 views6 answers
Css ellipsis
CSS
4 votes293 views2 answers
Css center vertically
CSS
0 vote304 views1 answer
Css play button on image
CSS
-1 vote313 views1 answer
Flex wrap tailwind
CSS
0 vote321 views1 answer
Ausgewählter text farbe ändern css
CSS