align-items

Controla l’alineació dels elements al llarg de l’eix transversal (cross axis): a dalt, baix, centre, estirats o alineats per línia base.
align-items: flex-start
1
2
3
Els elements s’alineen a la part superior del contenidor.
align-items: flex-end
1
2
3
Els elements s’alineen a la part inferior del contenidor.
align-items: center
1
2
3
Els elements queden centrats verticalment (en un main-axis horitzontal).
align-items: stretch (per defecte)
1
2
3
Els elements s’estiren per omplir l’alçada del contenidor (si no tenen height).
align-items: baseline
A
B
C
Els elements s’alineen segons la línia base del text.
En resum:

• flex-start → alineats dalt.
• flex-end → alineats baix.
• center → centrats verticalment.
• stretch → s’estiren per omplir l’espai (valor per defecte).
• baseline → alineats per la línia base del text.