Opis:
CSS justify-content Określa wyrównanie zawartości elementów wewnątrz rodzica z wyświetlaniem flex, jeśli nie cała zawartość jest zajęta.
CSS justify-content - Przykład:
Składnia:
justify-content: flex-start|flex-end|center|space-between|space-around|initial|inherit;
CSS justify-content - Spis wartości:
| Nazwa | |
|---|---|
| flex-start | Wartość domyślna. Elementy są pozycjonowane na początku kontenera. |
| flex-end | Elementy są pozycjonowane na końcu kontenera. |
| center | Elementy są pozycjonowane w centrum kontenera. |
| space-between | Pozostała przestrzeń jest rodzielana pomiędzy elementy. |
| space-around | Pozostała przestrzeń jest rodzielana pomiędzy elementy, oraz przed i za nimi. |
| initial | Ustawia domyślną wartość. |
| inherit | Dziedziczy wartość po rodzicu. |
Zobacz również:
flex-basis | justify-content | flex-grow | align-items | flex |