通过display:flex/inline-flex实现灵活布局。启用时，当前元素是容器元素，其直接子元素是项目元素。容器元素有六个属性：flex-direction/flex-wrap/flex-flow/justify-content/align-items/align-contentflex-direction：row/row-reverse/column/column-reverse，控制方向mainaxisflex-wrap：nowrap/wrap/wrap-reverse，控制是否换行flex-flow：direction和wrap的组合形式，默认值为rownowrapjustify-content：item在主轴上的对齐方式align-items：交叉轴上的itemAlignmentalign-content：多个轴的对齐方式，如果只有一个轴，则不起作用Item元素也有六个属性：order/flex-grow/flex-shrink/flex-basis/flex/align-selforder：项目的排列顺序，值越小越靠前，默认为0如果空间不足，会收缩flex-basis：在分配剩余空间之前，主要item占用的axis空间，默认为auto，代表item本身的大小。flex:growshrinkbasis的合写形式，默认为01autoalign-self：item本身的对齐方式，可以让这个item的对齐方式不同于其他item。
