/CSS/Css text truncate 2 lines

Css text truncate 2 lines

Text truncate after 3 lines

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
}

0

Source: css-tricks.com

Css text truncate 2 lines

p {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

0

Source: stackoverflow.com

Similar codes

-1 vote70 views1 answer
Responsiveness in bootstrap
CSS
0 vote112 views1 answer
CSS fluid type sizing based on viewport
CSS
-2 votes108 views2 answers
How to add button in css
CSS
29 votes113 views6 answers
Css animation
CSS
3 votes107 views2 answers
Css table row border radius
CSS
2 votes126 views1 answer
Css set property with data attribute
CSS
0 vote194 views1 answer
Top down gradient css on body
CSS
3 votes117 views1 answer
Hcss change highlight color
CSS
6 votes118 views3 answers
Input checkbox size
CSS
-1 vote105 views1 answer
Css not full width
CSS

Share