Flexbox
Flexbox ist der gebräuchliche Name für das CSS Flexible Box Layout-Modul, ein Layout-Modell zur Anzeige von Elementen in einer einzigen Dimension – entweder 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 die Elemente in einem Flex-Layout wachsen und schrumpfen können. Platz kann den Elementen selbst zugewiesen oder zwischen bzw. um die Elemente herum verteilt werden.
Flexbox ermöglicht auch die Ausrichtung von Elementen auf der Haupt- oder Querachse und bietet somit 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
- Beziehung von Flexbox zu anderen Layout-Methoden
- Ausrichtung von Elementen in einem Flex-Container
- Reihenfolge von Flex-Elementen
- Steuerung der Verhältnisse von Flex-Elementen entlang der Hauptachse
- Meisterung des Umbruchs von Flex-Elementen
- Typische Anwendungsfälle von Flexbox
- Spezifikation des CSS Flexible Box Layout Module Level 1