弹性容器 （flex）的轴

弹性容器的主轴一般默认是x轴，副轴为y轴，且没有z轴。

主轴排列方式语法：

justify-content: space-between;
左右侧盒子无缝隙，中间盒子间距平等

主轴排列方式

1. 如果给父盒子添加 display: flex

2. justify-content: center;弹性盒子全部居中对齐

3. justify-content: space-between; 左右两侧无缝隙

4. justify-content: space-around; 两倍关系

     

5. justify-content: space-evenly; 缝隙均等

修改主轴方向属性: flex-direction

属性值	作用
row	行, 水平(默认值)
column	*列, 垂直
row-reverse	行, 从右向左
column-reverse	列, 从下向上

修改主轴语法：

flex-direction：column;
已将y轴修改为主轴，副轴为x轴。

修改主轴的经常使用场景为大盒子内上下排列的子盒子

例如下图：