Properti line-clamp

Properti left membatasi teks hingga jumlah baris yang ditentukan. Alih-alih baris berlebih dalam teks, elipsis ditambahkan.

Sintaks

cssselector {
  line-clamp: none | jumlah baris
}

Contoh

Mari batasi teks kita hingga 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;
}

Результат: