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

• align-content
• align-items
• align-self
• flex
• flex-basis
• flex-direction
• flex-flow
• flex-grow
• flex-shrink
• flex-wrap
• justify-content
• order

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