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.

• 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