Flex
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 (en-US) und jedes Kind des Elements wird zu einem flex item (en-US). 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