彈性方法
display:flex;? ? ? ? ? ? ?設(shè)置彈性盒子
flex-wrap:wrap;? ? ? ? 自動(dòng)換行
justify-content:;? ? ? ? 設(shè)置彈性項(xiàng)目在主軸上的對(duì)齊方式
align-items:;? ? ? ? ? ? ?設(shè)置彈性項(xiàng)目在交叉軸上的對(duì)其方式
flex-direction:column-reverse;? ? ? ? ? ?改變主軸方向
彈性屬性
space-around? ? ? ? ?改變對(duì)齊方向
space-between? ? ? ?兩端對(duì)立(兩端頂頭排列)
center? ? ? ? ? ? ? ? ? ? ? 居中
space-evenly? ? ? ? ? 同樣外邊距排列(不分左右)
space-around? ? ? ? ?同樣左右外邊距排列
row-reverse? ? ? ? ? ? ?水平向右
colume? ? ? ? ? ? ? ? ? ? 豎直向下
column-reverse? ? ? ? 豎直向上
fiex-start? ? ? ? ? ? ? ? ? ?左對(duì)齊
fiex-end? ? ? ? ? ? ? ? ? ? ?右對(duì)齊
stretch? ? ? ? ? ? ? ? ? ? ? ?拉伸至最大高度(在該元素未設(shè)置高度時(shí)才能使用后)