Eienskap line-clamp
Die eienskap line-clamp beperk teks tot 'n gespesifiseerde
aantal reëls. In plaas van oortollige reëls word 'n puntelyn
in die teks geplaas.
Sintaksis
selektor {
line-clamp: none | aantal reëls
}
Voorbeeld
Kom ons beperk ons teks tot twee reëls:
<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;
}
:
