flex三个属性的理解

首先以下属性都是写在子元素上

flex-grow（放大比例）

有剩余空间时单个项目如何分配放大比例，为0时不分配剩余空间，不会放大，单个放大比例按数值比例计算；

flex-shrink（缩小比例）

空间不足时单个项目的缩小比例，值为1缩小，0不缩小，缩小比例按数值比例分配；

flex-basis（占据的空间）

默认为项目本身大小，flex根据此属性判断主轴是否还有剩余空间；

flex: 1的含义如下

flex-grow: 1;

flex-shrink: 1;

flex-basis: 0%;