Opis

justify-content wyrównuje elementy elastycznego pojemnika, gdy przedmioty nie wykorzysta całej dostępnej przestrzeni na głównej osi (poziomo).

Użyj align-items, aby wyrównać elementy w pionie.

Przykład
Kod:
Wartości

justify-content: flex-start|flex-end|center|space-between|space-around|initial|inherit;

WartośćOpis
flex-start Domyślne. Elementy są umieszczane na początku kontenera.
flex-end Elementy są umieszczane na końcu kontenera.
center Elementy są umieszczane na środku kontenera.
space-between Elementy są umieszczane z odstępem między nimi.
space-around Przedmioty są pozycjonowane równomiernie z odstępem przed, między i po nich.
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
unset Resetuje obiekt do jego wartości odziedziczonej jeśli dziedziczy od jego rodzica (inherit), a do jego wartości początkowej, jeśli nie (initial).
Przykłady:   |     |     |     |  
Info: Domyślna wartość: flex-start
Dziedziczenie:
Animowalność:
JavaScript: object.style.justifyContent