flex:1
flex-basis
flex-basis 用于設置子項的占用空間。(該屬性用來設置元素的寬度,其實,width也可以設置寬度。如果元素上同時設置了width和flex-basis,那么width 的值就會被flex-basis覆蓋掉。)
flex-grow
用來“瓜分”父項的“剩余空間”。(當父元素的寬度大于所有子元素的寬度的和時(即父元素會有剩余空間),子元素如何索取分配父元素的剩余空間。值越大,索取的越厲害。)
flex-shrink
用來“吸收”超出的空間(父元素的寬度小于所有子元素的寬度的和時(即子元素會超出父元素),子元素如何縮小自己的寬度的。值越大,減小的越厲害。)