Flex

flex ist ein Wert der CSS-display-Eigenschaft. Zusammen mit inline-flex bewirkt es, dass das Element, auf das es 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 Modul 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.

Darüber hinaus kann <flex> sich auf eine flexible Länge im CSS-Grid-Layout beziehen.