/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

19 votes280 views6 answers
Css text border
CSS
1 vote300 views1 answer
Change order columns bootstrap
CSS
145 votes405 views6 answers
Import bootstrap in react
CSS Bootstrap
0 vote269 views1 answer
Css calc margin-top based on height?
CSS
0 vote273 views1 answer
How to make background color smaller css
CSS
1 vote290 views1 answer
Css smooth text shadow
CSS
3 votes280 views3 answers
Warning: Failed child context type: Invalid child context `virtualizedCell.cellKey` of type `number` supplied to `CellRenderer`, expected `string`.
CSS
1 vote271 views1 answer
Mat-progress-bar just dots
CSS
35 votes297 views6 answers
Ellipsis
CSS
0 vote282 views1 answer
Change the arrow during click css
CSS

Share