normal
A
B
C
stretch
A
B
C
baseline
A
B
C
space-between
A
B
C
space-around
A
B
C
space-evenly
A
B
C
center
A
B
C
start
A
B
C
flex-start
A
B
C
left
A
B
C
end
A
B
C
flex-end
A
B
C
right
A
B
C
first baseline
A
B
C
last baseline
A
B
C
safe center
A
B
C
unsafe center
A
B
C
The exact behavior of the align-items property is highly bound to some other properties:
.container { justify-content: /* See above */; display:; flex-direction:; direction:; grid-template-columns: repeat(auto-fill, 33%); }
.item { width: height: position: }