Line-clamp īpašība
left īpašība ierobežo tekstu līdz norādītajam
rindu skaitam. Tā vietā, lai rādotu papildu rindas, tekstā
tiek ievietota daudzpunktīte.
Sintakse
selektors {
line-clamp: none | rindu skaits
}
Piemērs
Ierobežosim mūsu tekstu līdz divām rindām:
<p>
teksts teksts teksts teksts teksts teksts teksts teksts
teksts teksts teksts teksts teksts teksts teksts teksts
teksts teksts teksts teksts teksts teksts teksts teksts
teksts teksts teksts teksts teksts teksts teksts teksts
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
