flex 的 三个参数 flex:1 0 auto

flex :flex-group  flex-shirk  flex-basis

①.flex-group 剩余空间索取

默认值为0,不索取

eg:父元素400,子元素A为100px,B为200px.则剩余空间为100

此时A的flex-group为1,B为2,

则A=100px+100*1/3;  B=200px+100*2/3

 

②.flex-shrik 子元素总宽度大于复制元素如何缩小

父400px,A 200px  B 300px

AB总宽度超出父元素100px;

如果A不减少,则flex-shink :0,B减少;

②,flex-basis

该属性用来设置元素的宽度,当然width也可以用来设置元素的宽度,如果设置了width和flex-basis,那么flex-basis会覆盖width值。

转载于:https://www.cnblogs.com/moxiaowohuwei/p/8267624.html

你可能感兴趣的:(flex 的 三个参数 flex:1 0 auto)