遇到了一個bug 就是display：flex 遇到的bug原型就是，項目容器的diaplay:flex ,一行項目五個，到最后一行只剩兩個的時候 是兩端對齊的，如果再添加的話 也就是兩端各一個子元素 加中間一個，占滿對齊，解決方案還未知，這是display:flex的缺點？看網評。前幾年的回復瀏覽器兼容性問題較嚴重，也沒提到這個呀？有點不明所以，繼續查閱中吧。。。。
上點資料：
display：flex 全稱：彈性布局 屬性：
flex-direction 決定主軸的方向（即項目的排列方向）默認值：row主軸為水平方向，起點在左端 row-reverse:主軸為水平方向，起點在右端 column 主軸為垂直防線，起點在上沿 column-reverse：主軸為垂直方向，起點在下沿
flex-wrap 項目都排在一條線上（又稱 軸線） 默認值：nowrap：不換行 wrap：換行，第一行在上方 wrap-reverse:黃航，第一行在下方
flex-flow 是flex-direction和flex-wrap簡寫 默認值為row nowrap
justify-content 定義了項目在主軸上的對齊方式 默認值：flex-start 左對齊 flex-end：右對齊 center：居中 space-between:兩端對齊 space-around 每個項目兩側的間隔相等，所以，項目之間的間隔比項目邊框的間隔大一倍
align-items 是項目在交叉軸上如何對齊 默認值：stretch 如果項目未設置搞多或者設為auto 將占滿整個容器的高度 flex-start 交叉軸的起點對齊 flex-end 交叉軸的終點對齊 center 交叉軸的中點對齊 baseline 項目的第一行文字的基線對齊
slign-content 電櫃了多根軸線的對齊方式 如果項目只有一個軸線，該屬性不起作用 默認值： stretch 軸線占滿整個交叉軸 flex-start 與交叉軸的起點對齊 flex-end 與交叉軸線的終點對齊 center 與交叉軸的中點對齊 space-between 與交叉軸兩端對齊，軸線之間的間隔平均分布 space-around:每根軸線連個測的間隔都相等，所以，軸線之間的間隔比軸線的間距大一倍
項目屬性
order 定義項目的排列順序，數值越小，排列越靠前，默認值為0
flex-grow 定義項目的放大比例，默認為0 如果存在默認空間，也不放大
flex-shrink 定義了項目的縮小比例，默認為1，如果空間不足，該項目縮小
flex-basis 定義了在分配多余空間之前，項目占據的主軸礦建，瀏覽器根據這個屬性計算主軸是否有多余空間，他的默認值為auto，即項目的本來大小
flex flex-grow flex-shrink flex-basis簡寫 默認值器0 1 auto 后兩個屬性可選
algin-self 允許單個項目和其他項目不一樣的對齊方式，科覆蓋align-items屬性，默認值 為auto 表示繼承父元素的align-items屬性，如果沒有父元素，則等同於stretch align-self: auto | flex-start | flex-end | center | baseline | stretch;