flex.png
/* flex布局 屬性列舉*/
.box{
display: -webkit-flex;
display: flex;
flex-direction: row|row-reverse|colum|colum-reverse;
flex-wrap: nowrap|wrap|wrap-reverse;
flex-flow: row nowrap;/* 以上兩者的簡(jiǎn)寫(xiě)温自，寫(xiě)法為默認(rèn)值 */
justify-content: flex-start|flex-end|center|space-between|space-around;
align-items: flex-start|flex-end|center|stretch|baseline;
align-content: flex-start|flex-end|center|stretch|space-between|space-around;
}
.item{
order:0;
flex-grow: <number>; /* default 0 即如果存在剩余空間钞瀑，也不放大署海。*/
flex-shrink: <number>; /* default 1 如果空間不足瞳氓，該項(xiàng)目將縮小。*/
flex-basis: <length> | auto; /* default auto */
flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ] ; /* 以上三者的簡(jiǎn)寫(xiě)，有兩個(gè)值快捷值：auto (1 1 auto) none (0 0 auto) */
align-self: auto | flex-start | flex-end | center | baseline | stretch;
}
