第三个值设置为auto的时候,宽度就生效了
特殊写法
flex:1 1 300px;其实300px宽度没法生效
flex:0 0 auto;这时候就是width宽度起作用了
注意 平常写 flex:1 时 等于flex: 1 1 0%
flex:00 auto 时 设置的width属性生效. 否则 以flex设置的属性为准.
这里如果设置了flex:2 flex-grow被后台设置为了2 而flex-shrink还是为1
注意这里 flex:1 在chrome里实现后的具体值
也就是一行的flex:1 在chrome里的实际值是三个 flex-grow flex-shrink flex-basis
flex的特殊写法
注意这里有很多的 0
flex特殊写法
flex特殊写法