http://blog.csdn.net/magneto7/article/details/70854472
flex的核心概念就是父容器，子容器，主軸和交叉軸這4個(gè)概子容器也念組成
flex布局總共涉及到12個(gè)css屬性，父容器报嵌，子容器個(gè)6個(gè)蓄髓，常用的只有4個(gè)，子容器2個(gè)父容器2個(gè)
容器： 父容器可以設(shè)置字容器的排列方式宏多，子容器也可以單獨(dú)設(shè)置，如有重復(fù)以子容器為主抑淫。
父容器：justify-content（水平居中）align-items（垂直居中）
子容器：flex（子容器的伸縮比例）align-self（）
box{
display: -webkit-flex; /* Safari */
display: flex;
}
flex-direction 項(xiàng)目的排列方向
flex-wrap 一條軸線排不下绷落，如何換行
flex-flow flex-direction和flex-wrap簡(jiǎn)寫
justify-content 項(xiàng)目在主軸上的對(duì)齊方式。11
align-items 義項(xiàng)目在交叉軸上如何對(duì)齊 11
align-content 多根軸線的對(duì)齊方式
order 項(xiàng)目的排列順序始苇。數(shù)值越小砌烁，排列越靠前，默認(rèn)為0
flex-grow 項(xiàng)目的排列順序。數(shù)值越小函喉，排列越靠前避归，默認(rèn)為0
flex-shrink 屬性定義了項(xiàng)目的縮小比例，默認(rèn)為1管呵，
flex-basis 定義了在分配多余空間之前梳毙，項(xiàng)目占據(jù)的主軸空間（main size
flex 屬性是flex-grow, flex-shrink 和 flex-basis的簡(jiǎn)寫 11
align-self 性允許單個(gè)項(xiàng)目有與其他項(xiàng)目不一樣的對(duì)齊方式 11
