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

cssselektors {
  line-clamp: none | rindu skaits
}

Piemērs

Ierobežosim mūsu tekstu līdz divām rindām:

html<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>

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

Результат: