关于css:弹性布局flex

弹性布局通过 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: 我的项目本身的对齐形式，能够使这个我的项目和其余的我的项目对齐形式不同。