一、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 ;既不放大也不缩小 优先采用自己本身宽度