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
seçici {
line-clamp: none | satır sayısı
}
Örnek
Metnimizi iki satırla sınırlayalım:
<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>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
