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
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:

Mobile version