[新知速递04] flex布局设置主轴/侧轴对其方式 总结梳理

设置主轴方向

主轴默认是水平方向, 侧轴默认是垂直方向

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

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

语法：

flex-direction：column;

修改完毕，主轴是Y轴， 侧轴是X轴。

如何去算是几背图

精灵图的宽度/装精灵图盒子的宽度=倍数

修改主轴经常的使用场景：

请完成如下场景：

比如：

 

弹性盒子换行

特性： 给父亲添加了 display: flex; 所有的子盒子（弹性盒子）都会在一行显示，不会自动换