/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

2 votes253 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
0 vote238 views2 answers
Counter-style counter css counters
CSS
0 vote238 views1 answer
Define keyframes with javascript
CSS
11 votes229 views1 answer
Html click through elements
CSS
1 vote240 views2 answers
How to make hr class bootstrap full width
CSS
0 vote225 views1 answer
Adding a perfect responsive background image
CSS
41 votes258 views2 answers
Add ... to long text css
CSS
5 votes217 views3 answers
Css set div heigtto screen
CSS
17 votes262 views1 answer
Yarn start not working on powershell
CSS
0 vote239 views1 answer
Flex item: 1;
CSS

Share