彈性盒的使用方法
display-flex 轉(zhuǎn)化為彈性盒

justify-content:space-between 水平兩端對(duì)齊，元素之間間隔相等，兩端無(wú)間隙
justify-content:space-around  水平居中對(duì)齊，兩側(cè)有間距，且中間的間距等于側(cè)邊的兩倍

align-content:space-between 垂直兩端對(duì)齊，元素之間間隔相等，兩端無(wú)間隙
align-content:space-around 垂直居中對(duì)齊，兩側(cè)有間距，且中間的間距等于側(cè)邊的兩倍

flex-direction:row 水平排列起點(diǎn)在左側(cè) row-reverse起點(diǎn)在右側(cè)
column垂直方向起點(diǎn)在上 column-reverse垂直方向起點(diǎn)在下

flex-wrap:wrap 換行  no-wrap 不換行

align-items:center 垂直方向水平居中
justify-content:center 水平方向居中