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

47 votes181 views6 answers
Text-overflow ellipsis css
CSS
0 vote185 views1 answer
Css loading spinner with text
CSS
0 vote176 views1 answer
Vervaging en verloop css
CSS
0 vote183 views2 answers
Color changes in safari css
CSS
0 vote177 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
18 votes189 views2 answers
Yarn : File C:\Users\Developer Daiyan\AppData\Roaming\npm\yarn.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
0 vote186 views1 answer
Linear gradient farthest-corner code css
CSS
0 vote181 views1 answer
Align items in span to center
CSS
3 votes178 views2 answers
Adminlte.min.css.map error
CSS
0 vote173 views1 answer
How to get two elements on the same line html
CSS