Sono richieste tutte le seguenti informazioni, quindi il testo deve essere su una singola linea retta che supera una casella in cui tale overflow è nascosto.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Vedere l'ellissi di overflow di base della penna di Chris Coyier (@chriscoyier) su CodePen.
Notare la larghezza fissa in uso qui. Il succo è che l'elemento ha bisogno di un certo tipo di larghezza determinata, a cui devi prestare particolare attenzione con flexbox:
Guarda la Pen Thing che devi sapere su flexbox di Chris Coyier (@chriscoyier) su CodePen.
Cerchi il troncamento a un numero particolare di righe?