flex ist ein neuer, zur CSS-display-Eigenschaft hinzugefügter Wert. Wie auch inline-flex macht er das Element, auf das er angewendet wird, zu einem flex container und jedes Kind des Elements wird zu einem flex item. Die Elemente sind dann Teil des Flex-Layouts und alle der Eigenschaften, die im „CSS Flexible Box Layout Module“ definiert sind, können angewandt werden.
Die flex-Eigenschaft ist eine Kurzform der Flexbox-Eigenschaften flex-grow, flex-shrink und flex-basis.
Zusätzlich kann <flex> auf eine flexible Länge im CSS-Grid-Layout verweisen.
Mehr dazu
Eigenschaftsreferenz
Weiterführende Lektüre
- CSS Flexible Box Layout Module Level 1 Specification
- CSS-Flexbox-Leitfaden: Grundlegende Konzepte der Flexbox
- CSS-Flexbox-Leitfaden: Relationship of flexbox to other layout methods
- CSS-Flexbox-Leitfaden: Aligning items in a flex container
- CSS-Flexbox-Leitfaden: Ordering flex items
- CSS-Flexbox-Leitfaden: Controlling Ratios of flex items along the main axis
- CSS-Flexbox-Leitfaden: Mastering wrapping of flex items
- CSS-Flexbox-Leitfaden: Typical use cases of flexbox