Alt det følgende er påkrævet, så teksten skal være i en enkelt lige linje, der overløber et felt, hvor overløbet er skjult.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Se Pen Basic Overflow Ellipsis af Chris Coyier (@chriscoyier) på CodePen.
Bemærk den faste bredde, der er i brug her. Kernen er, at elementet har brug for en form for bestemt bredde, som du skal være særlig forsigtig med flexbox:
Se Pen Thing, du skal vide om flexbox af Chris Coyier (@chriscoyier) på CodePen.
Leder du efter afkortning til et bestemt antal linjer?