Alle folgenden Punkte sind erforderlich, daher muss sich der Text in einer einzelnen geraden Linie befinden, die über ein Feld läuft, in dem dieser Überlauf verborgen ist.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Siehe die Pen Basic-Überlauf-Ellipse von Chris Coyier (@chriscoyier) auf CodePen.
Beachten Sie die hier verwendete feste Breite. Das Wesentliche ist, dass das Element eine bestimmte Breite benötigt, auf die Sie bei Flexbox besonders achten müssen:
Sehen Sie sich das Pen Thing an, das Sie über Flexbox von Chris Coyier (@chriscoyier) auf CodePen wissen müssen.
Suchen Sie nach einer Kürzung auf eine bestimmte Anzahl von Zeilen?