flex总结

加上flex属性之后，内部元素的float,clear,vertical-algin,line-height将失效;
容器上可以设置的属性：
flex-deriction
flex-wrap
flex-flow
justify-contents
align-items
align-content

其中flex-flow是flex-deriction和flex-wrap的简写；
align-content在有多跟轴线的情况下适用;

容器内部项目上可设置：
order //排序属性数字越小越靠前，默认为0
flex-grow //放大比例，默认为0，即就算有空位也不会放大；属性值都为1则会平分空间
flex-shrink //缩小比例，默认为1，即如果空间不足，该项目将缩小
flex-basis //定义了在分配多余空间之前，项目占据的主轴空间；它可以设为跟width或height属性一样的值（比如350px），则项目将占据固定空间。
flex //flex-grow,flex-shrink,flex-basis的简写默认值为1 0 auto 后两个可选
align-self

其中flex是flex-grow,flex-shrink,flex-basis的简写；
align-self是设置单独项目将（父元素的align-items属性）覆盖