Flexbox: Selbstausrichtung je nach ReiheCSS

CSS verstehen
Anonymous
 Flexbox: Selbstausrichtung je nach Reihe

Post by Anonymous »

Ich habe einige kurze Flexbox-Elemente und einige lange/hohe Elemente in einem mehrreihigen (Flex-Wrap)-Container mit Flex-Richtung: Zeile.
Je nachdem, in welcher Zeile sie erscheinen, möchte ich die kurzen Elemente unterschiedlich ausrichten:
  • Wenn sie in der ersten Zeile (nicht umschlossen) sind, möchte ich sie wie align-self: start haben
  • Wenn sie in der letzten Zeile sind, möchte ich sie wie folgt haben: align-self: end
  • Wenn sie in einer der mittleren Zeilen sind, möchten sie align-self: center
Gibt es eine Möglichkeit, dies zu erreichen?
Im folgenden Bild habe ich align-content: center für alle Elemente hinzugefügt und align-self manuell hinzugefügt Beginn/Ende der beiden kurzen Elemente mit dem farbigen Hintergrund. Ich möchte, dass die mit dem roten Text denen mit dem farbigen Hintergrund folgen:
Image

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post