1、display : flex | inline-flex
注意，設為 flex 布局以後，子元素的float、clear和vertical-align屬性 將失效。
2、flex-direction屬性 決定主軸的方向（即專案的排列方向）
flex-direction: row | row-reverse | column | column-reverse;
3、flex-wrap屬性，定義子元素是否換行顯示
flex-wrap: nowrap | wrap | wrap-reverse;
4、flex-flow
flex-flow屬性是flex-direction屬性和flex-wrap屬性的簡寫形式，預設值為row nowrap;
5、justify-content屬性 定義了專案在主軸（）上的對齊方式。
justify-content: flex-start | flex-end | center | space-between | space-around;
6、align-items屬性定義專案在交叉軸上如何對齊。
align-items: flex-start | flex-end | center | baseline | stretch（預設值）;
7、align-content屬性定義了多根軸線的對齊方式。對於單行子元素，該屬性不起作用。
align-content: flex-start | flex-end | center | space-between | space-around | stretch;
align-content在側軸上執行樣式的時候，會把預設的間距給合併。對於單行子元素，該屬性不起作用
CSS 3 新彈性盒模型屬性
語法 flex none flex grow flex shrink flex basis 取值 復合屬性 設定或檢索彈性盒模型物件的子元素如何分配空間 如果縮寫flex 1,則其計算值為 1 1 0 box box3 li nth child 1 box3 li nth child 2 box3 ...
css3 彈性盒模型
1.box flex 定義盒子的彈性空間 子元素的尺寸 盒子的尺寸 子元素的box flex屬性值 所有子元素的box flex屬性值的和 例題 中間寬度固定，兩側寬度自適應 box div nth of type 1 box div nth of type 2 box div nth of typ...
CSS3彈性盒模型
一.方向和順序 彈性盒子的內容可以以任何方向和順序布局，這使布局更簡單，其功能通過以下幾個屬性實現 1 flex direction 值為row 預設值 row reverse column column reverse，用於控制彈性盒子的內容在主軸上的放置方向。row 與當前的寫模式相同，例如 中...