Flexbox mit mehrzeiligen TextauslassungspunktenCSS

CSS verstehen
Anonymous
 Flexbox mit mehrzeiligen Textauslassungspunkten

Post by Anonymous »

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.

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post