line-clamp-ominaisuus
left-ominaisuus rajoittaa tekstin määriteltyyn
määrään rivejä. Ylimääräisten rivien tilalle
asetetaan ellipsisi.
Syntaksi
valitsija {
line-clamp: none | rivien lukumäärä
}
Esimerkki
Rajoitetaan tekstiämme kahteen riviin:
<p>
tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä
tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä
tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä
tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
