flex布局中的flex:1相关知识

一、flex属性

flex属性是以下三个属性的简写：

属性	描述
flex-grow	项目的放大比例，默认为0
flex-shrink	项目的缩小比例，默认为1
felx-basis	在分配多余空间之前，项目占据的主轴空间

二、flex:initial

默认值为felx:initial表示为flex:0 1 auto;默认不放大 放不下了缩小 优先采用自己本身宽度 

三、flex:1

flex:1表示为flex:1 1 0% ;说明有剩余空间就放大 空间不够就缩小 本身宽度为0

四、flex:auto 

flex:auto表示为flex:1 1 auto ;说明有剩余空间就放大 空间不够就缩小 优先采用自己本身宽度

五、flex:none

flex:none表示为flex:0 0 auto ;既不放大也不缩小 优先采用自己本身宽度