html+css:display:flex属性不常用但是好用的属性

以下6个属性设置在容器上。

• flex-direction
• flex-wrap
• flex-flow
• justify-content
• align-items
• align-content

 

flex-direction属性决定主轴的方向（即项目的排列方向）。

1.  

2. .box {

3. flex-direction: row | row-reverse | column | column-reverse;

4. }

 

 

 

 

1. box{

2. flex-wrap: nowrap | wrap | wrap-reverse;

3. }

 

 

 

1. .box {

2. flex-flow: <flex-direction> || <flex-wrap>;

3. }