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

cssselektor {
  line-clamp: none | sətir sayı
}

Nümunə

Gəlin mətnimizi iki sətirlə məhdudlaşdıraq:

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

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

Результат: