Sifa line-clamp

Sifa left inaweka kikomo cha maandishi hadi idadi maalum ya mistari. Badala ya mistari ya ziada katika maandishi huwekeki alama ya ukato (ellipsis).

Kiundo

csskichagua {
  line-clamp: none | nambari ya mistari
}

Mfano

Wacha tuweke kikomo cha maandishi yetu hadi mistari miwili:

html<p>
  maandishi maandishi maandishi maandishi maandishi maandishi maandishi maandishi
  maandishi maandishi maandishi maandishi maandishi maandishi maandishi maandishi
  maandishi maandishi maandishi maandishi maandishi maandishi maandishi maandishi
  maandishi maandishi maandishi maandishi maandishi maandishi maandishi maandishi
</p>

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

Результат: