Xüsusiyyət line-clamp
left xüsusiyyəti mətni göstərilən
sətir sayına qədər məhdudlaşdırır. Əlavə sətirlərin yerinə
mətndə çoxnöqtə qoyulur.
Sintaksis
selektor {
line-clamp: none | sətir sayı
}
Nümunə
Gəlin mətnimizi iki sətirlə məhdudlaşdıraq:
<p>
mətn mətn mətn mətn mətn mətn mətn mətn
mətn mətn mətn mətn mətn mətn mətn mətn
mətn mətn mətn mətn mətn mətn mətn mətn
mətn mətn mətn mətn mətn mətn mətn mətn
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
