თვისება line-clamp

თვისება left ზღუდავს ტექსტს მითითებული რაოდენობის სტრიქონებამდე. ტექსტის ზედმეტი სტრიქონების ნაცვლად იდება მრავალწერტილი.

სინტაქსი

cssსელექტორი {
  line-clamp: none | სტრიქონების_რაოდენობა
}

მაგალითი

მოდით, შევზღუდოთ ჩვენი ტექსტი ორ სტრიქონამდე:

html<p>
  ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი
  ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი
  ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი
  ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი ტექსტი
</p>

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

Результат: