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. 

Výsledok?

Podobné články

Pridaj komentár

Vaša e-mailová adresa nebude zverejnená. Vyžadované polia sú označené *