.el {
flex-grow: 1;
}
作用:默认值为0,即不开启。开启之后会让容器内元素的宽度自动扩大以至于铺满容器。
如果只给一个元素设置,那么只会将剩余空间全给这个元素。
若两个元素之间的 flex-grow 值不同:
.el--1 {
flex-grow: 2;
}
.el--2 {
flex-grow: 1;
}
此时会将剩余空间分为三份,两份给 el—1, 一份给 el—2。
.el {
flex-grow: 1;
}
作用:默认值为0,即不开启。开启之后会让容器内元素的宽度自动扩大以至于铺满容器。
如果只给一个元素设置,那么只会将剩余空间全给这个元素。
若两个元素之间的 flex-grow 值不同:
.el--1 {
flex-grow: 2;
}
.el--2 {
flex-grow: 1;
}
此时会将剩余空间分为三份,两份给 el—1, 一份给 el—2。