1.justify-content
用來控制主軸(水平)如何分配對齊
如果要改垂直對齊的話+上 flex-direction : column
2.align-item
他是控制子項目再交叉軸(垂直)的對齊方式
3.flex-shrink
收縮性! 當空間不足時預設會是1,等於是把子項目變短,縮起來
可以看這個範例會更清楚 :
4.flex-grow
子元素「伸展」比例分配:數字,無單位,預設值為 0,不可為負值。
flex-grow
尚未進行設定時,不會將剩餘空間分配給子元素做長度「伸展」,設定為 1 長度會進行彈性變化。分配的比例會依照設定的數值進行配置
可以看這個範例會更清楚 :