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

4 votes169 views1 answer
How to stop an image repeating in css
CSS
0 vote271 views1 answer
How to set initial state after first time in formik
CSS
0 vote187 views1 answer
Apt list only security updates
CSS
14 votes184 views2 answers
How to add css in flask app
CSS
29 votes193 views4 answers
How to remove bullet in css
CSS
1 vote177 views1 answer
Bootstrap ol
CSS
0 vote174 views1 answer
Text decoration css transition
CSS
-1 vote193 views1 answer
Line break inside content css
CSS
175 votes192 views6 answers
Background css image
CSS
127 votes197 views4 answers
React import bootstrap css
CSS