1、彈性盒模型
（1）display:flex
說明：設定為彈性盒（父元素新增）
（2）flex-direction (主軸排列方向)
說明：順序指定了彈性子元素在父容器中的位置
1.row 預設在一行內排列
2.row-reverse：反轉橫向排列（右對齊，從後往前排，最後一項排在最前面。
3.column：縱向排列。
4.column-reverse：反轉縱向排列，從下往上排，最後一項排在最上面
（3）justify-content(主軸對齊方式)
說明：內容對齊（justify-content）屬性應用在彈性容器上，把彈性項沿著彈性容器的主軸線（main axis）對齊
1.flex-start預設，頂端對齊
2. flex-end末端對齊
3. center居中對齊
4.space-between兩端對齊，中間自動分配
5.space-around自動分配距離
（4）align-items（側軸對齊方式）
說明：側軸對齊方式
1.flex-start：彈性盒子元素的側軸（縱軸）起始位置的邊界緊靠住該行的側軸起始邊界。
2.flex-end：彈性盒子元素的側軸（縱軸）起始位置的邊界緊靠住該行的側軸結束邊界。
3.center：彈性盒子元素在該行的側軸（縱軸）上居中放置。（如果該行的尺寸小於彈性盒子元素的尺寸，則會向兩個方向溢位相同的長度）。
4.baseline：如彈性盒子元素的行內軸與側軸為同一條，則該值與』flex-start』等效。其它情況下，該值將參與基線對齊。
（5）flex-wrap
說明：該屬性控制flex容器是單行或者多行，同時橫軸的方向決定了新行堆疊的方向。
1.nowrap：flex容器為單行。該情況下flex子項可能會溢位容器
2.wrap：flex容器為多行。該情況下flex子項溢位的部分會被放置到新行，子項內部會發生斷行
3.wrap-reverse：反轉 wrap 排列。
（6）align-content（行與行之間對齊方式）
說明：當伸縮容器的側軸還有多餘空間時，本屬性可以用來調準「伸縮行」在伸縮容器裡的對齊方式，這與調準伸縮專案在主軸上對齊方式的 <』 justify-content』> 屬性類似。請注意本屬性在只有一行的伸縮容器上沒有效果。
1. flex-start沒有行間距
2. flex-end底對齊沒有行間距
3. center居中沒有行間距
4. space-between兩端對齊，中間自動分配
5.space-around自動分配距離
（7）align-self
說明：align-self 屬性規定靈活容器內被選中專案的對齊方式。
注意：align-self 屬性可重寫靈活容器的 align-items 屬性。
1.auto 預設值。元素繼承了它的父容器的 align-items 屬性。如果沒有父容器則 為 「stretch」。
1.stretch 元素被拉伸以適應容器。
2.center 元素位於容器的中心。
3.flex-start 元素位於容器的開頭。
3.flex-end 元素位於容器的結尾。
4.baseline
（8）order
說明：number排序優先順序，數字越大越往後排，預設為0，支援負數。
（9）flex
flex屬性是flex-grow, flex-shrink 和 flex-basis的簡寫，預設值為0 1 auto。後兩個屬性可選。
1）flex-grow屬性定義專案的放大比例，預設為0，即如果存在剩餘空間，也不放大。
2）flex-shrink屬性定義了專案的縮小比例，預設為1，即如果空間不足，該專案將縮小。
3）flex-basis定義專案佔據的主軸空間。(如果主軸為水平，則設定這個屬性，相當於設定專案的寬度。 原width將會失效。)
彈性盒模型
1.父元素新增display 瀏覽器核心字首 box 2.瀏覽器核心字首 box orient vertical是盒模型的布局方向，預設橫向顯示 3.搜狗是webkit核心，大多相容性與谷歌相同。4.元素布局方向 與float類似 瀏覽器核心字首 box direction reverse 處理剩餘...
彈性盒模型
1 css3彈性盒模型 面試題！1.1 怪異盒模型與標準盒模型 1.1.1 兩者邊框大小一樣，彈性盒模型content大小發生變化。總體不變。標準盒模型content大小不變，總體發生變化。怪異盒模型 box sizing content box 標準盒模型 box sizing border bo...
彈性盒模型
1.flex 靈活性。採用flex布局的元素，flex容器 2.給裝眾多相同盒子的父盒子display flex.將盒子平均分配寬。它所有的子元素就會自動成為這個容器成員，flex專案。當所有子元素的寬大于父元素的寬，則子元素的寬由父盒子決定，平均分配寬。當所有子元素的寬小於父元素的寬，則子元素的寬...