flex布局
1.主軸方向：
改變主軸方向為垂直方向fd
flex-direction: column;
把主軸方向變成了垂直方向驰吓，還是用jc控制主軸方向的對齊方式
把側(cè)軸方向變成了水平方向涧尿，還是用ai控制主軸方向的對齊方式
！檬贰！注意：主軸和側(cè)軸僅僅只是調(diào)換了方向而已Ｏ终！
水平方向（側(cè)軸）偎蘸，需要水平居中庄蹋，aic
align-items: center;
垂直方向（主軸），需要均分空白空間
justify-content: space-evenly;
2.彈性盒子換行
彈性盒子換行顯示fwp 彈性容器高度被換行的彈性盒子均等分
flex-wrap: wrap;
align-content 取值和jc取值是一樣的
針對于多行彈性盒子的側(cè)軸設(shè)置的
出現(xiàn)的前提條件迷雪，必須要先換行限书，flex-wrap:wrap;
—align-items 針對于單行彈性盒子的側(cè)軸對齊方式—
/* space-evenly需要手動輸入，沒有提示的 */
align-content: space-evenly;
