Opis

align-content modyfikuje zachowanie cechy flex-wrap. Jest podobna do align-items (wyrównywania elementów), ale zamiast wyrównywać elementy elastyczne (flex), wyrównuje linie elastyczne.

Aby ta właściwość mogła działać, musi istnieć wiele wierszy elementów!

Użyj właściwości justify-content, aby wyrównać elementy na osi głównej (poziomo).

Przykład
Kod:
Wartości

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

WartośćOpis
stretch Domyślna wartość. Linie rozciągają się, aby zająć całą pozostałą przestrzeń.
center Linie są pakowane w kierunku środka elastycznego pojemnika
flex-start Linie są pakowane w kierunku początku elastycznego pojemnika
flex-end Linie są pakowane w kierunku końca elastycznego pojemnika
space-between Linie są równomiernie rozmieszczone od początku do końca
space-around Linie są równomiernie rozmieszczone, z połówkami przestrzeni na obu końcach
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Info: Domyślna wartość: stretch
Dziedziczenie:
Animowalność:
JavaScript: object.style.alignContent