參考文章
1：flex: none | auto | [ ? || ]
其中：flex-grow 分配固定空間
flex-shrink 剩餘空間富餘時，該如何分配
flex-basis 剩餘空間不足時， 該如何分配 ,先設定個最小值，保證空間不足時還能分配到保底的空間
合法的寫法有：
flex
: auto;
flex
: none;
/* 1個值，flex-grow */
flex
: 1;
/* 1個值，flex-basis */
flex
: 100px;
/* 2個值，flex-grow和flex-basis */
flex
: 1 100px;
/* 2個值，flex-grow和flex-shrink */
flex
: 1 1;
/* 3個值 */
flex
: 1 1 100px;
flex:initial 等同於 flex: 0 1 auto
解釋：不會占用flex容器中的額外剩餘空間，會縮小以適合容器，尺寸根據自身的寬高屬性進行調整
2.auto
flex:auto等同於設定"flex: 1 1 auto"
子項寬度變大填滿了剩餘空間
3.none
flex:none等同於設定"flex: 0 0 auto"
子項會不會增長變大佔據flex容器中額外的剩餘空間（flex-grow:0），也不會收縮變小以適合容器（flex-shrink:0），尺寸根據自身寬高屬性進行調整（flex-basis:auto）。
子項寬度超過了容器的尺寸，由於flex-shrink的值都是0，因此，不會收縮變小導致子項的內容撐爆了容器。
2：任何乙個容器都可以指定為 flex 布局，設為 flex 布局以後，子元素的float、clear和vertical-align屬性將失效。
display
: flex;
display
: inline-flex; // 行內元素也可使用flex布局
4：容器屬性
flex-direction
: row | row-reverse | column | column-reverse;
row（預設值）：主軸為水平方向，起點在左端。
row-reverse：主軸為水平方向，起點在右端。
column：主軸為垂直方向，起點在上沿。
column-reverse：主軸為垂直方向，起點在下沿。
flex-wrap
: nowrap | wrap | wrap-reverse;
nowrap（預設）：不換行。
wrap：換行，第一行在上方。
wrap-reverse：換行，第一行在下方。
flex-flow
:|| ;
justify-content
: flex-start | flex-end | center | space-between | space-around;
flex-start（預設值）：左對齊
flex-end：右對齊
center： 居中
space-between：兩端對齊，專案之間的間隔都相等。
space-around：每個專案兩側的間隔相等。所以，專案之間的間隔比專案與邊框的間隔大一倍。
align-items
: flex-start | flex-end | center | baseline | stretch;
flex-start：交叉軸的起點對齊。
flex-end：交叉軸的終點對齊。
center：交叉軸的中點對齊。
baseline
: 專案的第一行文字的基線對齊。
stretch（預設值）：如果專案未設定高度或設為auto，將佔滿整個容器的高度。
align-content
: flex-start | flex-end | center | space-between | space-around | stretch;
flex-start：與交叉軸的起點對齊。
flex-end：與交叉軸的終點對齊。
center：與交叉軸的中點對齊。
space-between：與交叉軸兩端對齊，軸線之間的間隔平均分布。
space-around：每根軸線兩側的間隔都相等。所以，軸線之間的間隔比軸線與邊框的間隔大一倍。
stretch（預設值）：軸線佔滿整個交叉軸。
flex學習筆記
2.mxml中類例項 class instance 和屬性 property 的區別 關鍵是看命名空間後面第乙個字母的大小寫。如果第乙個字母是大寫，例如button中的b，就說明這行 引用的是乙個類的例項。如果第乙個字母是小寫，例如label中的l，就說明是在設定乙個類的屬性。3.在mxml中，資料...
flex學習筆記
一 獲取當前時間 var dt date new date 二 date string var temp string dt.fullyear.tostring dt.month 1 tostring dt.date.tostring dt.hours.tostring dt.minutes.tos...
flex學習筆記
由於公司專案，一直需要支援ie9 導致作為5年的前端，居然對flex不是熟記於心，不得不二次學習下，雖然之前學過，寫過demo,但長時間不用，忘了，唉唉唉 記住flex 布局核心是，彈性，拋棄了 display position float的布局方式 1.首先容器明確他的2個軸main axis c...