弹性布局-02

为其下的子元素设置的属性:

order:定义项目的排列顺序,数值越小,排列越靠前,默认为0;


flex-grow:项目的放大比例,默认为0;即如果存在剩余空间也不放大


flex-shrink:定义了项目的缩小比例,默认为1,即如果空间不足时,项目将缩小
   注:如果所有项目的flex-shrink值都为1,当空间不足时,都将等比例缩小
   如果一个项目的flex-shrink值为0,其他项目都为1,则当空间不足时,前者不缩小,负值对该属性无效
flex-basis,定义了在分配多余空间之前项目占据主轴的空间 
浏览器根据这个属性计算主轴是否有多余空间, 他默认值为auto,即项目的本来大小。
flex:是flex-growflex-shrinkflex-basis的简写; 默认值为0 1 auto;后两个可选





猜你喜欢

转载自blog.csdn.net/zyl_cn/article/details/80735700