http://www.runoob.com/w3cnote/flex-grammar.html

flex彈性盒子——display：flex

1 ?flex-direction:row,這時(shí)，設(shè)置的width失效

flex-direction:column ，這時(shí)，設(shè)置的height失效

2 flex ：用來(lái)設(shè)置比例

flex-wrap 和flex:1? 不能一起用

因?yàn)閒lex：1規(guī)定了元素寬度的比例是適合的，換行就失效了

3 older用于設(shè)置flex的順序

4 默認(rèn)顯示 align-items:flex-start 的效果（如圖1），要想顯示其他效果，需要再設(shè)置覆蓋它（如圖2）

圖1：align-items:flex-start

圖2 ?：align-content:flex-start

<align-self>屬性允許單個(gè)項(xiàng)目有與其他項(xiàng)目不一樣的對(duì)齊方式，可覆蓋align-items屬性。默認(rèn)值為auto，表示繼承父元素的align-items屬性，如果沒(méi)有父元素，則等同于stretch。