容器屬性
* flex-direction：決定主軸的方向
row 從下到上；row-reverse 從上到下；column 從左到右；column-reverse 從右到左；
* flex-wrap：如果一行排列不下如何換行
nowrap 不換行；wrap 換行；wrap-reverse 換行，第一行在下面；
* flex-flow：flex-direction屬性和flex-wrap屬性的簡寫形式
row warp；
* justify-content：專案在主軸上的對齊方式
flex-start 左對齊；flex-end 右對齊；center 居中；space-between 兩端對齊；space-around
* align-items：專案在交叉軸上如何對齊
flex-start 交叉軸的起點對齊；flex-end 交叉軸的終點對齊；center 交叉軸的中點對齊；baseline 專案的第一行文字的基線對齊； stretch 如果專案未設定高度或設為auto，將佔滿整個容器的高度；
* align-content：屬性定義了多根軸線的對齊方式。如果專案只有一根軸線，該屬性不起作用
flex-start 與交叉軸的起點對齊；flex-end 與交叉軸的終點對齊；center 與交叉軸的中點對齊；space-between 與交叉軸兩端對齊，軸線之間的間隔平均分布；space-around 每根軸線兩側的間隔都相等；所以，軸線之間的間隔比軸線與邊框的間隔大一倍；
stretch（預設值） 軸線佔滿整個交叉軸；
Flex 布局 容器屬性
flex 布局，意為 彈性布局 任何乙個容器都可以指定為 flex 布局，行內元素也可以使用 flex 布局。注意 設為 flex 布局後，子元素的 float clear 和 vertrical align 屬性都將失效。採用 flex 布局的元素，稱為 flex 容器，簡稱容器 它的所有子元素自...
flex 布局下關於容器內成員 flex屬性的理解
flex布局分為容器的設定和容器內成員的設定，容器的設定是管理成員的排列方式，也就是管理排列的方向和對齊的位置。成員的設定則是關於成員的大小和顯示的位置 order 彈性布局，彈性布局，自然要提現他的彈性，所謂彈性也就是對空間的分配。成員設定中的flex屬性，就是對於額外空間的管理。flex可以設定...
Flex布局 容器屬性（總結）
y豎向x橫向 元素的排列方向 flex direction row 預設樣式，從左到右排列 flex direction row reverse 從右到左排列 flex direction column 從下到上排列 flex direction column reverse 從下到上排列 設定是否...