Vitaminaq / interview-collection

前端面试合集
3 stars 0 forks source link

flex布局 #13

Open Vitaminaq opened 2 years ago

Vitaminaq commented 2 years ago

flex布局

链接参考

flex属性是由flex-grow,flex-shrink,flex-basis三个属性组成的缩写,默认值为0 1 auto;

flex-grow:定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。 flex-shrink:定义项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。 flex-basis:定义了在分配多余空间之前,项目占据的主轴空间(main size)。浏览器根据这个属性,计算主轴是否有多余空间。它的默认值为auto,即项目的本来大小。