flex-grow 放大比例,默认为0,即存在神域空间,也不放大
如果所有item的flex-grow属性都为1,则他们均分剩余空间
如果一个item的flex-grow属性为2,其他为1,则分得剩余空间item为2的是item为1的2倍
flex-shrink 缩小比例.默认为1.如果空间不足时,该项目将缩小
默认当空间不足时,所有的item将等比例缩小
如果一个item的flex-shrink属性设置为0,其他的item为1.则为0的item不会被缩小
flex-basis 定义在分配多余的空间之前,项目占据的主轴空间
浏览器根据这个属性,计算主轴是否有多余空间,它的默认值是auto,即项目的本来大小
.
它可以设为跟width或height属性一样的值(比如100px),则item将占据固定空间