/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 vote156 views1 answer
Text change animation css
CSS
48 votes163 views2 answers
Css clear
CSS
22 votes159 views5 answers
Grid center
CSS
35 votes145 views6 answers
Ellipsis
CSS
2 votes146 views1 answer
Not hover css
CSS
8 votes143 views1 answer
Reset submit btn style
CSS
0 vote141 views2 answers
How to add an image to a label in css
CSS
-1 vote161 views1 answer
How to centralize cards in css
CSS
0 vote155 views1 answer
Bootstrap dropdown in accordion problem
CSS
0 vote154 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS

Share