Sve sljedeće potrebno je, pa tekst mora biti u jednoj ravnoj liniji koja prelijeva okvir u kojem je taj preljev skriven.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Pogledajte Pen Basic Basic Overflow Ellipsis Chrisa Coyiera (@chriscoyier) na CodePenu.
Ovdje imajte na umu fiksnu širinu koja se ovdje koristi. Suština je da elementu treba neka vrsta određene širine, na što morate biti posebno oprezni kod flexboxa:
Pogledajte Pen Thing koji morate znati o flexboxu Chrisa Coyiera (@chriscoyier) na CodePenu.
Tražite li skraćivanje na određeni broj redaka?