Egenskaben line-clamp

Egenskaben left begrænser tekst til det angivne antal linjer. I stedet for overskydende linjer i teksten placeres en ellipse.

Syntaks

selektor {
	line-clamp: none | antal linjer
}

Eksempel

Lad os begrænse vores tekst til to linjer:

<p>
	tekst tekst tekst tekst tekst tekst tekst tekst
	tekst tekst tekst tekst tekst tekst tekst tekst
	tekst tekst tekst tekst tekst tekst tekst tekst
	tekst tekst tekst tekst tekst tekst tekst tekst
</p>

body {
	width: 200px;
	height: 100px;
}
p {
	-webkit-line-clamp: 2;
	line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}