Allt följande krävs, så texten måste vara i en enda rak linje som flödar över en ruta där överflödet är dolt.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Se Pen Basic Overflow Ellipsis av Chris Coyier (@chriscoyier) på CodePen.
Notera den fasta bredden som används här. Kärnan är att elementet behöver någon form av bestämd bredd, vilket du måste vara särskilt försiktig med flexbox:
Se Pen Thing du måste veta om flexbox av Chris Coyier (@chriscoyier) på CodePen.
Letar du efter avkortning till ett visst antal rader?