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 vote256 views2 answers
Nav items moving when hover
CSS
39 votes170 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
20 votes187 views2 answers
Bootstrap screen sizes
CSS
0 vote216 views2 answers
Wp redirect to https htaccess
CSS
8 votes264 views3 answers
Text break css
CSS
13 votes210 views4 answers
Responsive css grid
CSS
0 vote200 views1 answer
Media screen tablet
CSS
2 votes211 views1 answer
Ion input change font size
CSS
30 votes190 views4 answers
Opacity color
CSS
0 vote205 views1 answer
Css apply style to direct children
CSS