1.flex-basis
flex-basis等同于width，不過優(yōu)先級高于width，很少用到。

2.flex-grow
grow英文意思是擴大，也就是說，父元素有剩余空間（父元素大于子元素寬度之和），子元素會擴大，占滿父元素空間。
flex-grow的默認值為0，意思是該元素不索取父元素的剩余空間。
flex-grow的為1，代表總剩余空間n分之一。n為flex-grow的和。
也就是說，如果子元素的flex-grow和為4，那么flex-grow為1占據(jù)其中的1/4剩余空間。

3.flex-shrink
shrink英文意思是收縮。也就是說，父元素空間不足（父元素小于子元素寬度之和），
子元素會縮小。
flex-shrink的默認值為1。
flex-shrink設為0，表示不縮小，常用到。

4.簡寫
flex是flex-grow，flex-shrink, flex-basis的簡寫，比如，下面是等效的：
.item {flex: none;}
.item {
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
}

參考資料：
https://blog.csdn.net/m0_37058714/article/details/80765562