CSS flex属性

flex属性的定义和用法

flex属性用于设置或者是检索弹性盒模型对象的子元素如何分配空间。
flex属性是 flex-grow, flex-shrink, flex-basis 三个属性的简写属性。
这里指的注意的是，如果元素不是弹性盒模型对象的子元素，则flex属性是不起作用的。

语法

flex-flow: flex-grow flex-shrink flex-basis;

flex-grow：一个数字，规定项目将相对于其他灵活的项目进行扩展的量
或者说：flex-grow属性用于设置和检索弹性盒子的扩展率，默认值是0
flex-shrink：一个数字，规定项目将相对于其他灵活的项目进行收缩的量
或者说flex-shrink将根据弹性盒子元素所设置的收缩因子作为比率来收缩空间，默认值是1
flex-basis：项目的长度，合法值：“auto”，“inherit”或者一个后跟% ， px， em，或者任何其他长度单位的数字。
或者说flex-basis用于设置或检索弹性盒伸缩基准值 ， 默认值是auto