Line-clamp hassaýy
line-clamp hassaýy teksti görkezilen
setir sanyna çäklendirýär. Tekstiň artykmaç setirleriniň ýerine ellipsis (üç nokat) goýulýar.
Sintaksis
selektor {
line-clamp: none | setir sany
}
Mysal
Geliň, biziň tekstimizi iki setir bilen çäklendireýlik:
<p>
tekst tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst tekst tekst
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
