/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

0 vote248 views1 answer
Bootstrap-navbar-brand
CSS
-1 vote296 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
1 vote269 views1 answer
How to scale a bg image acc to size of div
CSS
26 votes250 views5 answers
Css multiple classes
CSS
8 votes266 views2 answers
Kotlin string to int
CSS
0 vote239 views1 answer
Color around the text
CSS
-1 vote258 views1 answer
Css not full width
CSS
0 vote261 views1 answer
How to set image size without changing aspect ratio in css
CSS
0 vote231 views1 answer
Css row
CSS
0 vote254 views1 answer
How to get text to auto break in a grid
CSS

Share