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