/CSS/Css line-clamp

Css line-clamp

Css line-clamp

.line-clamp{
  	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
  	overflow: hidden;
}

6

Text-overflow: ellipsis; 2 line

display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;

5

Similar codes

0 vote182 views3 answers
How to create collapsable using pure Javascript
CSS
7 votes141 views3 answers
Bootstrap remove outline
CSS
0 vote160 views1 answer
Change mouse pointer on image hover
CSS
1 vote171 views1 answer
Ul li dot seprator
CSS
0 vote175 views1 answer
Label width css
CSS
0 vote207 views1 answer
3d rotating text css
CSS
0 vote174 views1 answer
How to middle div
CSS
11 votes165 views5 answers
Css affect other elements on hover
CSS
4 votes154 views2 answers
Javafx button css
CSS
0 vote160 views1 answer
Border none select
CSS

Share