flex布局

99 阅读1分钟

flex布局

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

row 行,水平

column 列,垂直

row-reverse 行,从又到左

column-reverse 列,从下到上

flex-direction:column 主轴方向变为垂直,侧轴方向水平。主轴还是用jc,侧轴还是用垂直。

**flex-wrap:warp 实现盒子多行显示 **

使用后均分父元素高度

调整行对齐方式:align-content (和jc取值基本一致)