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-Item werden. Die Elemente nehmen dann am Flex-Layout teil, und alle Eigenschaften, die im CSS Flexbox-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.

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