CSS Learning (21)-flexbox Model 2

CSS Learning (21)-flexbox Model 2
I. theory:
1. flex-flow
A. flex-direction: Set the scaling flow direction of the scaling container
B. flex-wrap: Set whether the scaling items in the scaling container are lined up with lines when the scaling container does not have enough space.
2. flex-pack
A. parameters with the same attributes as box-pack
B. The distribute scaling project is evenly distributed in the same row.
C. the starting edge of the first scaling project in the start scaling container is placed at the starting point of the main axis of the scaling container; the starting edge of the next scaling project is placed next to the end edge of the first scaling project, other scaling items are arranged in sequence along the main axis. All extra space of the scaling container along the layout axis is placed at the end of the layout axis
D. end is opposite to start.
E. All scaling projects in the center are placed one by one
F. justify all scaling projects are evenly allocated in the row, and any extra space along the axis of the scaling container layout is evenly distributed between each scaling project.
3. flex-align
A. All attributes with box-align
B. The stretch scaling project is stretched to fill the entire scaling container.
Ii. Practice:

1.

 

Box1Box2Box3Box4Box5Box62.

 

Box1Box2Box3Box4Box5Box63.

 

Box1Box2Box3Box4Box5Box6 III. Others:

 

1. None of the above has been achieved. I don't know which of your friends knows why. Thank you very much :)