Savybė line-clamp

Savybė left apriboja tekstą iki nurodyto eilučių skaičiaus. Vieta perteklinių eilučių tekste dedamas daugtaškis.

Sintaksė

cssselektorius {
  line-clamp: none | eilučių skaičius
}

Pavyzdys

Apribokime mūsų tekstą iki dviejų eilučių:

html<p>
  tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas
  tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas
  tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas
  tekstas tekstas tekstas tekstas tekstas tekstas tekstas tekstas
</p>

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

Результат: