display:flex
Hauptachse festlegen | flex-direction | row (d), row-reverse, column, column-reverse |
Items auf Hauptachse anordnen | justify-content | flex-start (d), flex-end, center, space-between, space-around, space-evenly |
Items auf Querachse andordnen (Space/Verteilung: gleich) | align-items | flex-start, flex-end, center, baseline, stretch (d) |
Items auf Querarchse spacen | align-content | flex-start, flex-end, center, space-between, space-around, space-evenly, stretch (d) |
Umbruch auf Hauptachse | flex-wrap | nowrap (d), wrap, wrap-reverse |
Zelle(n) auf Querachse anordnen (anstatt Hauptachse) | align-self | flex-start, flex-end, center, baseline, stretch |
Hauptachse + Umbruch dort | flex-flow | flex-direction flex-wrap |
Startgröße einer Zelle | flex-basis | Größe, auto |
Anteilsmäßige Veränderung | flex-grow flex-shrink | 0-1 |
Reihenfolge der Items ändern | order | Anzahl Positionen links (-) oder rechts |