flex布局常见父属性
- flex-direction:设置主轴方向
- justify-conter:设置主轴上的子元素排列方式
- flex-wrap:设置子元素是否换行
- align-content:设置侧轴上的子元素的排列方式(多行)
- aligin-items:设置侧轴上的子元素的排列方式(单行)
- flex-flow:复合属性,相当于同时设置了flex-direction和flex-wrap
- 如果设置主轴为Y轴,那么X变为侧轴
flex常见子属性
- flex子项目占的份数
- align-self:控制子项自己在侧轴的排列方式
- order属性定义子项的排列顺序(前后顺序)
