Savybė line-clamp
Savybė left apriboja tekstą iki nurodyto
eilučių skaičiaus. Vieta perteklinių eilučių tekste
dedamas daugtaškis.
Sintaksė
selektorius {
line-clamp: none | eilučių skaičius
}
Pavyzdys
Apribokime mūsų tekstą iki dviejų eilučių:
<p>
tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas
tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas
tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas
tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
