一长串的属性
给父容器加了display:flex后，父容器里面的子元素默认横向排列（块级元素也得横向排列），并且不换行
-
调整主轴方向：在父级容器上使用
flex-direction：- row：默认的，从左向右
- column：从右向左
-
调整在主轴的对齐方式：在父级容器上使用
justify-content:- flex-start：左对齐（这时元素默认挤在一块）
- flex-end：右对齐（这时元素默认挤在一块）
- center：居中对齐（这时元素默认挤在一块）
- space-between：两端对齐
-
调整在侧轴的对齐方式：在父级容器上使用
align-items:- flex-start：在上边
- flex-end：在下边
- center：在中间
注意：一行放不下所有元素，则在父级元素上使用flex-wrap: wrap;属性进行换行
小方块自己的属性
-
单独调整某个小方块在侧轴的位置：使用css选择器选中某个小方块，添加
align-self属性-
flex-start：侧轴开始位置
-
flex-end：侧轴尾巴位置
-
center：侧轴中间位置
-
-
让小方块占领在主轴方向的剩余空间：选中某个小方块或者所有小方块，添加
flex:1属性
