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

cssselektor {
  line-clamp: none | setir sany
}

Mysal

Geliň, biziň tekstimizi iki setir bilen çäklendireýlik:

html<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>

cssbody {
  width: 200px;
  height: 100px;
}
p {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

Результат: