line-clamp касиети
left касиети текстти көрсөтүлгөн
саптардын санына чейин чектейт. Тексттеги ашыкча саптардын ордуна
үч чекит коюлат.
Синтаксис
тандоочу {
line-clamp: none | саптардын саны
}
Мисал
Келгиле, биздин текстти эки сапка чейин чектейли:
<p>
текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
