Sifat line-clamp

Sifat line-clamp menghadkan teks kepada bilangan baris yang ditentukan. Sebagai ganti baris berlebihan dalam teks, titik elipsis diletakkan.

Sintaks

csspemilih {
  line-clamp: none | nombor-baris
}

Contoh

Mari hadkan teks kita kepada dua baris:

html<p>
  teks teks teks teks teks teks teks teks
  teks teks teks teks teks teks teks teks
  teks teks teks teks teks teks teks teks
  teks teks teks teks teks teks teks teks
</p>

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

Результат: