/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 vote170 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
0 vote180 views1 answer
Cypress check css property value
CSS
3 votes175 views2 answers
How to make image not draggable in html
CSS
0 vote177 views1 answer
Not the first child and not the last child css
CSS
0 vote177 views1 answer
Container media queries for large displays
CSS
9 votes189 views1 answer
Textview android text align center
CSS
-1 vote177 views1 answer
Css background image not showing vscode
CSS
8 votes196 views3 answers
Css max one line three dots
CSS
1 vote202 views1 answer
Jquery css multiple line
CSS
4 votes191 views4 answers
Composer rollback to v1
CSS

Share