4 侧轴对齐

flex-align：

flex-align 属性定义伸缩项目在侧轴上如何对齐。同新版语法的 aligin-itmes 属性。

-ms-flex-align：start | end | center | baseline | stretch

该属性有5个值：

• stretch（默认值）：如果伸缩项目未设置高度或设为auto，将占满整个容器的高度。

• start：侧轴起点对齐。

• center：侧轴中点对齐。

• end：侧轴终点对齐。
• baseline：伸缩项目的第一行文字的基线对齐。

flex-line-pack：

flex-line-pack 属性定义了侧轴方向上有多根轴线的对齐方式。如果侧轴方向上只有一根轴线，该属性不起作用。

.box {
  -ms-flex-line-pack: flex-start | flex-end | center | space-between | space-around;
}

该属性有5个值：

• start（默认值）：开始位置对齐。

• center：居中位置对齐。

• end：结束位置对齐。

• justify：每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。

• distribue: 每根轴线两侧的间隔都相等。类似于新版语法中align-content 属性的值 space-around。

注意： 过渡版语法中没有像新版语法中 align-self 可以单独控制某个伸缩项目对齐方式的属性。