對(duì)塊元素使用display:flex后，此元素變?yōu)閺椥匀萜鳎淖釉刈優(yōu)閺椥皂?xiàng)目：
Paste_Image.png
彈性容器的主要屬性有：
- flex-direction：此屬性設(shè)置主軸的方向是行還是列，是順序還是逆序，有row,row-reverse,column,column-reverse這四個(gè)常用可選值。
- flex-wrap：此屬性設(shè)置設(shè)置沿主軸方向是否需要換行，正序還是逆序，有nowrap,wrap,wrap-reverse這三個(gè)常用可選值。
- flew-flow：由于上面兩個(gè)屬性總是一起使用，所以將上兩個(gè)屬性值合并為flex-flow屬性，屬性值用空格隔開。
- justify-content：此屬性設(shè)置了一行彈性項(xiàng)目沿主軸方向的擺放位置，靠左靠右居中或者相同邊距（兩邊留距離）和相同距離（兩邊不留距離），有flex-start,flex-end,center,space-between,space-around這五個(gè)常用可選值。
- align-items：此屬性設(shè)置了一行彈性項(xiàng)目沿側(cè)軸方向的擺放位置，靠左靠右或者居中，有flex-start,flex-end,center這三個(gè)常用可選值。
- align-self：此屬性設(shè)置了一個(gè)彈性項(xiàng)目沿側(cè)軸方向的擺放位置，可選值與align-items類似。
- order：此屬性設(shè)置了彈性項(xiàng)目的排列順序，order值支持正負(fù)值，默認(rèn)為0，值越大，排列越靠后。
- align-content：此屬性設(shè)置了行與行之間的間隔，集中在頂部或底部，居中或是行與行之間保持相同距離，也可以每行周圍保持相同間隔，有flex-start,flex-end,center,space-between,space-around這五個(gè)常用可選值。
