Html CSS flex和单个数字

Html CSS flex和单个数字,html,css,flexbox,Html,Css,Flexbox,因此,flex表示flex-grow,flex-shorn和flex-basis的组合。默认值为0 1 auto 但是如果flex只有一个位数,比如flex:1?这是否意味着flex-grow:1?其余两个参数的值是多少?flex:1与flex:10 谷歌是你的朋友: flex:(正数) 使弹性项目灵活,并将弹性基础设置为零, 产生一个项目,该项目收到指定比例的 flex容器中的可用空间。如果flex容器中的所有项目 使用此图案时,其尺寸将与指定的尺寸成比例 弹性系数。相当于弹性:10 那么,

因此,
flex
表示
flex-grow
flex-shorn
flex-basis
的组合。默认值为
0 1 auto


但是如果
flex
只有一个位数,比如
flex:1?这是否意味着flex-grow:1
?其余两个参数的值是多少?

flex:1
flex:10

谷歌是你的朋友:

flex:(正数)

使弹性项目灵活,并将弹性基础设置为零, 产生一个项目,该项目收到指定比例的 flex容器中的可用空间。如果flex容器中的所有项目 使用此图案时,其尺寸将与指定的尺寸成比例 弹性系数。相当于弹性:10


那么,为什么不使用flex grow:1;直接代替flex:1;这是一样的,对吗?因此,
flex:1
被解释为
10
,而不是
11 auto
?正确,根据规范…尽管在IE中它是
10px
。复制链接还有一些注释