CSS-彈性佈局3-伸縮屬性

5、專案的屬性

屬性值	說明
order	該屬性定義專案的排列順序，數值越小，排序越靠前，預設為0
flex-grow	該屬性定義專案的放大比例，預設為0，即如果存在剩餘空間，也不放大。
flex-shrink	該屬性定義了專案的縮寫比例，預設為1，記如果容器空間不足，則該專案將縮小
flex-basis	該屬性定義了在分配多餘空間之前，專案佔據的主軸空間，預設為auto，即專案本來的大小
flex	該屬性是flex-grow, flex-shrink, flex-basis的簡寫。
align-self	該屬性允許單個專案有與其他專案不一樣的對齊方式，可覆蓋align-items屬性

5.1 order

5.2 flex-grow

該屬性定義專案的放大比例，預設為0，即如果存在剩餘空間，也不放大。
（1）如果所有專案的flex-grow均為1，那麼所有的專案將均分容器的剩餘空間。
（2）如果一個專案的flex-grow為2，其他為1的話，為2的這個專案分配到的剩餘空間是其他專案的2倍。

5.2 flex-shrink

該屬性定義了專案的縮寫比例，預設為1，記如果容器空間不足，則該專案將縮小。
（1）如果所有的專案的flex-shrink均為1，那麼所有專案將等比縮小。
（2）如果某一個專案的flex-shrink為0，則該專案不會被縮小。

5.3 flex-basis

該屬性定義了在分配多餘空間之前，專案佔據的主軸空間，預設為auto，即專案本來的大小.

5.4 flex

該屬性是flex-grow, flex-shrink, flex-basis的簡寫。

5.5 align-self

該屬性允許單個專案有與其他專案不一樣的對齊方式，可覆蓋align-items屬性。