Eienskap line-clamp

Die eienskap line-clamp beperk teks tot 'n gespesifiseerde aantal reëls. In plaas van oortollige reëls word 'n puntelyn in die teks geplaas.

Sintaksis

cssselektor {
  line-clamp: none | aantal reëls
}

Voorbeeld

Kom ons beperk ons teks tot twee reëls:

html<p>
  teks teks teks teks teks teks teks teks
  teks teks teks teks teks teks teks teks
  teks teks teks teks teks teks teks teks
  teks teks teks teks teks teks teks teks
</p>

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

Результат: