Opis

align-items określa wyrównanie pionowe dla elementów wewnątrz elastycznego pojemnika.

Użyj justify-content, aby wyrównać elementy poziomo.

Przykład
Kod:
Wartości

align-items: stretch | center | flex-start | flex-end | baseline | initial | inherit;

WartośćOpis
stretch Domyślna wartość. Elementy są rozciągane (wydłużane) w celu dopasowania do pojemnika.
center Elementy są umieszczone na środku pojemnika
flex-start Elementy są umieszczane na początku kontenera
flex-end Elementy są umieszczane na końcu kontenera
baseline Elementy są umieszczane na linii bazowej kontenera
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     
Info: Domyślna wartość: stretch
Dziedziczenie:
Animowalność:
JavaScript: object.style.alignItems