弹性布局通过display:flex/inline-flex开启。开启之后，以后元素为容器元素，它的间接子元素为我的项目元素。
容器元素有六个属性：
flex-direction/flex-wrap/flex-flow/justify-content/align-items/align-content

  1. flex-direction：row/row-reverse/column/column-reverse,管制主轴方向
  2. flex-wrap :nowrap/wrap/wrap-reverse,管制是否换行
  3. flex-flow ：direction和wrap的合写模式，默认值为 row nowrap
  4. justify-content:我的项目在主轴上的对齐形式
  5. align-items：我的项目在穿插轴上的对齐形式
  6. align-content：多根轴线的对齐形式，如果只有一根轴线，则不起作用

我的项目元素也有六个属性:
order/flex-grow/flex-shrink/flex-basis/flex/align-self

  1. order:我的项目的排列程序，数值越小越靠前，默认为0
  2. flex-grow:我的项目的放大比例，默认为0，代表即便有残余空间，也不放大
  3. flex-shrink:我的项目的放大比例，默认为1，代表如果空间有余，会放大
  4. flex-basis:在调配残余空间之前，我的项目占据的主轴空间，默认为auto，代表我的项目自身大小。
  5. flex:grow shrink basis 的合写模式，默认为 0 1 auto
  6. align-self:我的项目本身的对齐形式，能够使这个我的项目和其余的我的项目对齐形式不同。