1.设置主轴方向
主轴默认是水平方向, 侧轴默认是垂直方向
修改主轴方向属性: flex-direction
属性值 | 作用 |
---|---|
row |
行, 水平(默认值) |
column |
*列, 垂直 |
row-reverse | 行, 从右向左 |
column-reverse | 列, 从下向上 |
语法:
flex-direction:column;
修改完毕,主轴是Y轴, 侧轴是X轴。
2.修改主轴经常的使用场景:
请完成如下场景:
比如:
主轴默认是水平方向, 侧轴默认是垂直方向
修改主轴方向属性: flex-direction
属性值 | 作用 |
---|---|
row |
行, 水平(默认值) |
column |
*列, 垂直 |
row-reverse | 行, 从右向左 |
column-reverse | 列, 从下向上 |
语法:
flex-direction:column;
修改完毕,主轴是Y轴, 侧轴是X轴。
请完成如下场景:
比如: