典雅向日葵

文章
4
资源
0
加入时间
2年10月17天

flex布局中的flex:0 1 auto的含义

flex:0 1 auto指的是flex-grow,flex-shrink,flex-basis3个属性结合在一起的缩写形式。flex-grow:定义了项目的放大比例,默认为0,即使存在剩余空间,也不放大。flex-shrink:定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。flex-basis:定义在分配多余空间之前,项目占据的主轴空间。盒子的宽度先看flex-basis给定的值,比如flex:1 1 0%,即便给定的盒子width为100px,也会因为0%,而在盒子中的值实际