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

2 votes295 views1 answer
Make object not selectable javascript
CSS
2 votes292 views2 answers
Test shadow css
CSS
1 vote326 views1 answer
Vertical line between two divs
CSS
0 vote276 views1 answer
Css cap rows paragraph
CSS
2 votes352 views1 answer
Bootstrap dark mode
CSS Bootstrap
0 vote325 views1 answer
If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.
CSS
1 vote294 views1 answer
Css display div horizontally
CSS
1 vote307 views1 answer
Align centre
CSS
60 votes286 views3 answers
Adding shadow to a div
CSS
1 vote327 views1 answer
Css make image gray
CSS