- 主轴方向
- 目标:使用flex-direction改变元素排列方向
- 思考:Flex布局模型中,弹性盒子默认沿着哪个方向排列?
- 答:水平方向
- 使用flex-direction改变元素排列方向
- 主轴默认是水平方向, 侧轴默认是垂直方向
- 修改主轴方向属性: flex-direction
弹性盒子换行
- 使用flex-wrap实现弹性盒子多行排列效果
- 思考:默认情况下,多个弹性盒子如何显示?
- l 弹性盒子换行显示 : flex-wrap: wrap;
- l 调整行对齐方式 :align-content
- 取值与justify-content基本相同