Ein Flex-Item ist ein unmittelbares Kind eines Flex-Containers. Es kann wachsen, schrumpfen und seine Reihenfolge ändern.
- Flex-Item
Unmittelbares Kind eines Flex-Containers.
Beispiel: „Ein Flex-Item entsteht ohne eigenes Zutun, sobald der Container flex ist.“
Die Kurzschreibweise
.item { flex: 1 1 0; } /* wachsen, schrumpfen, ab null */
.fest { flex: 0 0 auto; } /* behält seine Größe */Die drei Zahlen stehen für Wachsen, Schrumpfen und Grundgröße. flex: 1 ist die übliche Abkürzung für gleich breite Spalten, die sich den Platz teilen.
Die Reihenfolge ändern
Mit order lässt sich die Darstellungsreihenfolge verschieben, ohne das Markup zu ändern. Das ist mit Vorsicht zu genießen: Die Tastaturbedienung folgt weiter dem Markup, und wer sich durch die Seite tabbt, springt dann scheinbar wild umher.