Elastic box Model

Flexible box model compatibility is a bit bad:
Display:flex; (spindle and side axle)
Flex-direction: ( setting of the direction)
Column from top down
Column-reverse from bottom to top
Row is arranged from left to right (default value)
Row-reverse from right to left
Justify-content: (Spindle alignment)
Flex-start (default) element in the start position the rich space occupies the other side
Flex-end elements occupy the other side of the rich space at the start position
Center element centered Rich space split right and left sides
Space-between rich space evenly distributed among elements
Space-around rich space evenly distributed on both sides of the element
Align-items: (Side axis Alignment)
Flex-start (default) element in the start position the rich space occupies the other side
Flex-end elements occupy the other side of the rich space at the start position
Center element centered Rich space split right and left sides
Flwx-wrap: (Line wrapping)
Wrap
Wrap-reverse Reverse Line Wrapping
Align-content: (Stack stretch line, for line break)
Flex-start (default) element in the start position the rich space occupies the other side
Flex-end elements occupy the other side of the rich space at the start position
Center element centered Rich space split right and left sides
Space-between rich space evenly distributed among elements
Space-around rich space evenly distributed on both sides of the element
Flex:
None (will not be squeezed)
Auto (default)
Order:
Default 0 (the smaller the number, the higher the number, the greater the back)

Elastic box Model