line-clamp Özelliği

left özelliği, metni belirtilen satır sayısıyla sınırlar. Metindeki fazla satırların yerine üç nokta konur.

Sözdizimi

cssseçici {
  line-clamp: none | satır sayısı
}

Örnek

Metnimizi iki satırla sınırlayalım:

html<p>
  metin metin metin metin metin metin metin metin
  metin metin metin metin metin metin metin metin
  metin metin metin metin metin metin metin metin
  metin metin metin metin metin metin metin metin
</p>

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

Результат: