normal
A
B
C
stretch
A
B
C
center
A
B
C
baseline
A
B
C
start
A
B
C
flex-start
A
B
C
self-start
A
B
C
left
A
B
C
end
A
B
C
flex-end
A
B
C
self-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 { align-items: /* See above */; display:; flex-direction:; direction:; grid-template-columns: repeat(auto-fill, 33%); }
.item { width: height: position: }