/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 vote228 views1 answer
Why we are translating -50%, -50% in css
CSS
0 vote298 views6 answers
Css change svg color
CSS
38 votes266 views6 answers
Media query min and max width for all devices
CSS
2 votes209 views1 answer
Css rounded corners at top only
CSS
22 votes210 views3 answers
Css disable text select
CSS
1 vote378 views1 answer
Css cell spacing
CSS
0 vote167 views1 answer
Laravel load css from public
CSS
0 vote326 views2 answers
SCSS lighten
CSS
1 vote251 views1 answer
Robot font import
CSS
3 votes165 views1 answer
Terraform rds module
CSS

Share