Alt følgende kreves, så teksten må være i en enkelt rett linje som renner over en rute der overløpet er skjult.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Se Pen Basic Overflow Ellipsis av Chris Coyier (@chriscoyier) på CodePen.
Legg merke til den faste bredden som er i bruk her. Kjernen er at elementet trenger en slags bestemt bredde, som du må være spesielt forsiktig med flexbox:
Se Pen Thing du må vite om flexbox av Chris Coyier (@chriscoyier) på CodePen.
Leter du etter avkorting til et bestemt antall linjer?