9.7 ➡️Flex (Basis, Grow & Shrink)

Sehen Sie sich “Section 10 Topic108” und „Topic109“ an.

Was ich in diesem Video lernen kann:

Flex (Basis, Grow & Shrink):

Die CSS-Eigenschaft Flex-Basis legt die anfängliche Hauptgröße eines Flex-Elements fest. Es legt die Größe der Inhaltsbox fest, sofern nichts anderes mit Box-Sizing festgelegt wurde.

Die CSS-Eigenschaft flex-grow, legt den Flex-Wachstumsfaktor der Hauptgröße eines Flex-Elements fest.

Die CSS-Eigenschaft flex-shrink, legt den Flex-Shrink-Faktor eines Flex-Elements fest. Wenn die Größe aller Flex-Elemente größer als der Flex-Container ist, werden die Elemente gemäß Flex-Shrink passend geschrumpft.

Im Gebrauch wird Flex-Shrink zusammen mit den anderen Flex-Eigenschaften, Flex-Grow und Flex-Basis verwendet und normalerweise unter Verwendung der Flex-Kurzschrift definiert.