flex
display
flex
1
2
3
flex-inline
1
2
3
horizontal alignment
flex-left
1
2
3
flex-center
1
2
3
flex-right
1
2
3
flex-between
1
2
3
flex-around
1
2
3
vertical alignment
flex-stretch
1
2
3
flex-top
1
2
3
flex-middle
1
2
3
flex-bottom
1
2
3
direction
flex-row
1
2
3
flex-row-reverse
1
2
3
flex-column
1
2
3
flex-column-reverse
1
2
3
wrap
flex-wrap
1
2
3
4
5
6
flex-nowrap
1
2
3
4
5
6
flex-wrap-reverse
1
2
3
4
5
6
wrap alignment
flex-wrap-top
1
2
3
4
5
6
flex-wrap-middle
1
2
3
4
5
6
flex-wrap-bottom
1
2
3
4
5
6
flex-wrap-stretch
1
2
3
4
5
6
flex-wrap-between
1
2
3
4
5
6
flex-wrap-around
1
2
3
4
5
6
order
flex-first
1
first
3
flex-last
1
last
3
item
flex-1
1
1
3
flex-auto
1
auto
3
flex-initial
1
initial
3
flex-none
1
none
3