Flex 是 Flexible Box 的縮寫，意爲"彈性佈局"，用來爲盒狀模型提供最大的靈活性。
容器的屬性
| 屬性llllllllllllllIIIIIIIIIII |
描述 |
| display屬性 |
指定容器採用flex佈局 |
| flex-direction |
屬性決定主軸的方向（即項目的排列方向） |
| flex-wrap |
項目的換行方式 |
| flex-flow |
direction和warp的縮寫默認是row nowrap |
| justify-content |
項目在主軸上的對齊方式 |
| align-items |
項目在交叉軸上對齊方式 |
| align-content |
交叉軸多根軸線的對齊方式，一根不起作用 |
項目的屬性
| 屬性 llllllllllllllIIIIIIIIIII |
描述 |
| flex-order |
項目的排列順序。數值越小，排列越靠前，默認爲0 |
| flex-grow |
項目的放大比例，默認爲0，即如果存在剩餘空間，也不放大。 |
| flex-shrink |
項目的縮小比例，默認爲1，即如果空間不足，該項目將縮小（常體現在主軸是x軸時且nowarp時）。 |
| flex-basis |
|
| flex |
flex-grow, flex-shrink 和 flex-basis的簡寫，默認值爲0 1 auto，後兩個屬性可選。常用使項目不縮放，在項目上加：flex:1, |
| align-self |
align-self屬性允許單個項目有與其他項目不一樣的對齊方式，可覆蓋align-items屬性。 |
