【Flex父节点布局属性】
1. flex-direction:主轴方向,横向排列或竖向排列
2. flex-wrap:nowrap 超出限定宽度/高度如何展示
3. flex-flow:direction和wrap的缩写
4. justify-content:主轴上的对齐方式 常用 center space-around
5. align-item,align-content:交叉轴对齐方式,主要使用flex-start、flex-end、center,区别在与items是应用于一行的情况,content是应用于多行的情况
【Flex子节点布局属性】
1. order:排序
2. flex-grow: 子元素放大比例,默认0,不放大
3. flex-shrink:子元素缩小比例,默认1,空间不足则缩小,设为0,则空间不足元素也不缩小
4. flex-basis:设定宽度,存在width则width不生效,默认auto,计算剩余空间减去元素宽度,如果设置了值,则计算剩余空间减去设定的值
5. flex:flex-grow,flex-shrink,flex-basis的缩写,较常用
6. align-self:覆盖父节点align-items,默认auto,继承父节点属性