Opis:

CSS flex Zapewnia relatywną długość elementu wewnątrz rodzica z wyświetlaniem flex.

CSS flex - Przykład:

flex: 1;

Składnia:

flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;

CSS flex - Spis wartości:

Nazwa Objaśnienie
flex-growLiczba określająca, jak bardzo element będzie się rozrastał względem pozostałych elementów w danym kontenerze.
flex-shrinkLiczba określająca, jak bardzo element będzie się kurczył względem pozostałych elementów w danym kontenerze.
flex-basisDługość elementu. Przyjmuje wartości: 'auto', 'inherit', lub liczbową przy użyciu jednostek '%', 'px', 'em' lub innych dostępnych w CSS.
autoAutomatycznie dopasowuje parametry.
initialUstawia domyślną wartość.
noneNie nadaje żadnego specjalnego zachowania.
inheritDziedziczy wartość po rodzicu.

Zobacz również:

align-items | align-self | flex-basis | flex-grow | flex |