flex知識點精煉

1. 原址：http://www.runoob.com/w3cnote/flex-grammar.html

　　容器的屬性

1. 設置Flex佈局之後，子元素的float、clear、vertical align將失效。
2. 任何一個容器都可以指定為flex佈局。行內元素也可以使用flex佈局，webkit內核的瀏覽器，必須加上-webkit首碼。
3. flex-wrap屬性預設的是不換行。
4. flex-flow屬性是flex-direction屬性和flex-wrap屬性的簡寫形式，預設是row nowrap。
5. align-items屬性的預設值是stretch：如果項目未設置高度或者為auto，將占滿整個容器的高度。（aligin-content的預設屬性也是stretch）
6. align-content屬性定義了多跟軸線的對其方式。如果項目只有一根軸線，該屬性不起作用。

　　項目的屬性

1. order屬性定義項目的排列順序。數值越小排列越靠前預設為0。
2. flex-grow的屬性預設為0，flex-shrink的屬性預設為1。它們兩個都不能為負。
3. flex-shrink的值越大，減小的越厲害。如果值為0，表示不減小
4. flex屬性：flex屬性是flex-grow、flex-shrink、flex-basis的簡寫，預設值為0 1 auto。後兩個屬性可選。該屬性有兩個快捷鍵——auto（1 1 auto）none（0 0 auto）。建議優先使用這個屬性，而不是單獨寫三個分離的屬性，因為瀏覽器會推算相關值。