flex的属性有哪些

常见的父级属性        

flex-direction ：设置主轴的方向
justify-content ：设置主轴上的子元素排列方式
flex-wrap ：设置子元素是否换行
align-content ：设置侧轴上的子元素排列方式（多行）
align-items ：设置侧轴上的子元素排列方式（单行）
flex-flow ：复合属性，相当于同时设置了flex-direction和flex-wrap

常用的子项属性

• flex：子项目占的份数
• align-self： 控制子项在自己侧轴的排列方式
• order：属性定义项目的排列顺序，数值越小排列越靠前，默认为0，可能的值为任意整数

flex是flex-grow，flex-shrink，flex-basis，的缩写

flex-grow:子盒子除了基础宽度外所占父盒子多余空间的比例

flex-basis:子盒子的基础宽度（优先级大于width）

flex-shrink:子盒子除了基础宽度外所占父盒子溢出空间的比例