遇到了一个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;