Flex

flex ist ein Wert der CSS-display-Eigenschaft. Zusammen mit inline-flex bewirkt er, dass das Element, auf das er angewendet wird, zu einem Flex-Container wird, und die Kinder des Elements jeweils zu einem Flex-Element werden. Die Elemente nehmen dann am Flex-Layout teil, und alle Eigenschaften, die im CSS Flexible Box Layout Module definiert sind, können angewendet werden.

Es gibt auch eine flex-Eigenschaft, die eine Kurzform für die Flexbox-Eigenschaften flex-grow, flex-shrink und flex-basis ist. Diese Eigenschaft ist nur auf Flex-Container anwendbar.

Zusätzlich kann sich <flex> auf eine flexible Länge im CSS Grid-Layout beziehen.