Flexbox
Flexbox ist der allgemein gebräuchliche Name für das CSS Flexible Box Layout-Modul, ein Layout-Modell zur Anordnung von Elementen in einer einzigen Dimension — als Reihe oder als Spalte.
In der Spezifikation wird Flexbox als ein Layout-Modell für die Gestaltung von Benutzeroberflächen beschrieben. Das Hauptmerkmal von Flexbox ist, dass Elemente in einem Flex-Layout wachsen und schrumpfen können. Der Raum kann den Elementen selbst zugewiesen oder zwischen und um die Elemente herum verteilt werden.
Flexbox ermöglicht auch die Ausrichtung von Elementen auf der Haupt- oder Querachse und bietet so ein hohes Maß an Kontrolle über die Größe und Ausrichtung einer Gruppe von Elementen.
Siehe auch
Eigenschaftsreferenz
Weiterführende Literatur
- CSS Flexbox-Leitfäden:
- Grundkonzepte von Flexbox
- Verhältnis von Flexbox zu anderen Layoutmethoden
- Ausrichten von Elementen in einem Flex-Container
- Bestellung von Flex-Elementen
- Kontrolle der Verhältnisse von Flex-Elementen entlang der Hauptachse
- Meistern des Umbruchs von Flex-Elementen
- Typische Anwendungsfälle von Flexbox
- CSS Flexible Box Layout Module Level 1 Spezifikation