Obmedzenie textu na želaný počet riadkov

Domovská stránka » Obmedzenie textu na želaný počet riadkov

Normálne som netušil, že takáto habaďúra existuje. Ale existuje a je to určite super 🙂

				
					.3riadky {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

Element s triedou .3riadky sa nastaví tak, že bude mať 3 riadky. Ak ich má mať viac, tak po treťom riadku sa jednoducho zbytok textu odreže a pridajú sa tri bodky na koniec. Nič viac, nič menej.

Bude to zrejme niečo nové, s prefixom -webkit- to funguje aj na firefoxe (nečakane), ale dosť pochybujem, že to bude fungovať na starých zadretých IEčkách. Edge neviem.