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 zu Flex-Items werden. Diese Items 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.