Sunt necesare toate următoarele, deci textul trebuie să fie într-o singură linie dreaptă care debordează o casetă în care acea revărsare este ascunsă.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Vedeți Ellipsisul de bază pentru revărsare Pen de Chris Coyier (@chriscoyier) pe CodePen.
Rețineți lățimea fixă utilizată aici. Esențialul este că elementul are nevoie de un fel de lățime determinată, pe care trebuie să aveți o atenție deosebită cu flexbox:
Vedeți chestia pe care trebuie să o cunoașteți despre flexbox de Chris Coyier (@chriscoyier) pe CodePen.
Căutați tăierea la un anumit număr de linii?