設定在父元素上的值：屬性
描述flex-direction
設定或檢索伸縮盒物件的子元素在父容器中的位置。（預設row）
flex-wrap
設定或檢索伸縮盒物件的子元素超出父容器時是否換行。（預設nowrap）
flex-flow
復合屬性。設定或檢索伸縮盒物件的子元素排列方式。
align-items
設定或檢索彈性盒子元素在側軸（縱軸）方向上的對齊方式。（預設stretch）
align-content
設定或檢索彈性盒堆疊伸縮行的對齊方式。（預設stretch）
justify-content
設定或檢索彈性盒子元素在主軸（橫軸）方向上的對齊方式。（預設flex-start）
設定在子元素上的屬性：屬性
描述flex-grow
拉伸(預設0)
flex-shrink
設定或檢索彈性盒的收縮比率(預設1)
flex-basis
設定或檢索彈性盒伸縮基準值。(預設0)
flex
復合屬性。設定或檢索伸縮盒物件的子元素如何分配空間。
order(預設0)
設定或檢索伸縮盒物件的子元素出現的順序。
align-self
子元素自身在側軸（縱軸）方向上的對齊方式（預設auto）
設定彈性盒子：display
值：flex：塊級的彈性盒子
inline-flex：行級的彈性盒子
-webkit-flex：蘋果和谷歌的相容性
設定在父元素上的值
flex-direction：子元素在父容器中的位置（預設row）
值：row：橫向從左到右排列(左對齊)，預設排列
row-reverse：橫向右對齊元素反轉
column：縱向排列
column-reverse：反轉縱向排列
flex-wrap：子元素換行方式（預設nowrap）
值：nowrap：預設， 彈性容器為單行
wrap：彈性容器為多行
wrap-reverse：多行反轉排列
flex-flow：flex-direction 和 flex-wrap復合寫法
flex-flow:row nowrap; //橫向排列 單行
flex-flow:column wrap-reverse; //縱向 多行反轉排列（反轉就是倒序）
值：flex-start：彈性盒子元素的側軸（縱軸）起始位置的邊界緊靠住該行的側軸起始邊界
flex-end：彈性盒子元素的側軸（縱軸）起始位置的邊界緊靠住該行的側軸結束邊界
center：彈性盒子元素在該行的側軸（縱軸）上居中放置
baseline：如彈性盒子元素的行內軸與側軸為同一條，則該值與』flex-start』等效。其它情況下，該值將參與基線對齊
stretch：如果指定側軸大小的屬性值為』auto』，則其值會使專案的邊距盒的尺寸盡可能接近所在行的尺寸，但同時會遵照』min/max-width/height』屬性的限制
align-content：垂直對齊（多行）（預設stretch）
值：stretch：預設。各行將會伸展以占用剩餘的空間。
flex-start：各行向彈性盒容器的起始位置堆疊。
flex-end：各行向彈性盒容器的結束位置堆疊。
center：各行向彈性盒容器的中間位置堆疊。
space-between：各行在彈性盒容器中平均分布。
space-around：各行在彈性盒容器中平均分布，兩端保留子元素與子元素之間間距大小的一半。
justify-content：水平對齊（預設flex-start）
值：flex-start：彈性專案向行頭緊挨著填充
lex-end：彈性專案向行尾緊挨著填充
center：彈性專案居中緊挨著填充
space-between：彈性專案平均分布在該行上
space-around：彈性專案平均分布在該行上，兩邊留有一半的間隔空間
設定在子元素上的屬性
flex-grow：拉伸(預設0)
自身收縮數/收縮總和*剩餘空間
flex-basis：寬度(預設0)
px：畫素值
%：百分值
auto（預設）：無特定寬度值，取決於其它屬性值
content：基於內容自動計算寬度
flex：復合寫法
flex-grow|flex-shrink|flex-basis
flex:1 1 300px;
C3 彈性盒子2
align self 用於設定彈性元素自身在側軸 縱軸 方向上的對齊方式。align self屬性取值 auto 如果 align self 的值為 auto 則其計算值為元素的父元素的 align items 值，如果其沒有父元素，則計算值為 stretch flex start 彈性盒子元素的側...
c3中的彈性盒子
c3中的彈性盒子 一 display box display box flex display flex都是彈性盒子模型的父元素屬性，只不過前兩個是以前的老屬性，瀏覽器在更新，規範也在更新，老屬性也就被留了下來，現在主要使用第三種樣式。首先要在父元素中設定display flex 這個屬性。我現在的...
CSS盒子的基本屬性（概念）
1.內容區域設定 content 寬度和高度的設定可以是具體的數值 帶單位 也可以是百分比設定。2.內邊距 padding 的設定 3.外邊距 margin 的設定 4.邊框 border 的設定 5.方向性復合屬性值的縮寫方法 具有方向性的復合屬性可以在乙個宣告中設定所有方向的定義，該屬性可以具有...