容器（父元素）的屬性：

flex-direction屬性決定主軸的方向

flex-wrap?屬性決定項目在一行排不下的情況下是否換行

flex-flow?flex-flow屬性是flex-direction屬性和flex-wrap屬性的簡寫形式，默認值為row nowrap。

jstify-content? ??justify-content屬性定義了項目在主軸上的對齊方式

align-items?屬性定義了每行項目在側軸方向上的對齊方式\

align-content屬性 align-content屬性定義了容器在側軸方向上有額外空間時怎樣排布

子容器

order屬性? ? ?order屬性定義項目的排列順序。數值越小排列越靠前，默覺得0，可能的值為隨意整數。

flex-grow屬性?flex-grow屬性定義項目的放大比例，默覺得0，即假設存在剩余空間也不放大。

flex-shrink屬性?flex-shrink屬性定義了項目的縮小比例，默覺得1。即假設空間不足該項目將縮小。

flex-basis 屬性定義了在分配多余空間之前，項目占領的主軸空間（main-size）。

flex屬性? ?flex屬性是flex-grow,?flex-shrink?和?flex-basis的簡寫，默認值為0 1 auto。??

align-self屬性?align-self屬性同意單個項目有與其它項目不一樣的側軸對齊方式，可覆蓋align-items屬性。

?

轉載于:https://www.cnblogs.com/zhouyideboke/p/11152269.html

總結

以上是生活随笔為你收集整理的flex的12个属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。