Az összes következőre szükség van, ezért a szövegnek egyetlen egyenes vonalban kell lennie, amely túlcsordul egy olyan mezővel, ahol a túlcsordulás el van rejtve.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Lásd Chris Coyier (@chriscoyier) Pen Basic Overflow Ellipsis-jét a CodePen-en.
Vegye figyelembe az itt használt rögzített szélességet. A lényeg az, hogy az elemnek valamilyen meghatározott szélességre van szüksége, amire különösen ügyelni kell a flexbox esetében:
Lásd a Pen Thing-et, amelyet tudnod kell a flexboxról Chris Coyier (@chriscoyier) a CodePen-en.
Bizonyos sorokhoz való csonkítást keres?