Sifat line-clamp
Sifat line-clamp menghadkan teks kepada bilangan
baris yang ditentukan. Sebagai ganti baris berlebihan dalam teks,
titik elipsis diletakkan.
Sintaks
pemilih {
line-clamp: none | nombor-baris
}
Contoh
Mari hadkan teks kita kepada dua baris:
<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>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
