Ich habe die CSS-Eigenschaften „white-space: no-wrap“, „text-overflow: ellipsis“ und „overflow: versteckt“ verwendet, um eine Ellipsenkürzung für mehrzeiligen Text zu erstellen. Dies funktioniert jedoch nicht, wenn Flexbox verwendet wird.
Bei Verwendung von Flex scheint text-overflow: ellipsis die Höhe des Flex-Elements immer auf eine einzelne Zeile zu kürzen.
Ist es möglich, eine Kombination aus Flex- und CSS-Ellipsenkürzung für mehrzeiligen Text zu verwenden?
Code: Select all
long multiline text that i would like to truncate
Ich kann es mit der Kürzung einzelner Zeilen zum Laufen bringen. Manuelles Einstellen der Höhe in Verbindung mit Flex + White-Space: Nowrap funktioniert nicht.
Mobile version