可选。有效取值如下:
flex-start 从行首开始排列,第一个元素与行首对齐,后续元素与前一个对齐 (默认)
flex-end 从行尾开始排列,最后一个元素与行尾对齐,其它元素与后一个对齐
center 居中排列,第一个元素与行首的距离和最后一个元素与行尾的距离相同
space-around 两端对齐,中间和两端用同样距离的空白分隔
space-between 两端对齐,中间用同样距离的空白分隔,两端紧贴行首和行尾
纵向对齐方式
可选。有效取值如下:
flex-start 从纵轴起点开始排列,第一个元素与起点对齐,后续元素与前一个对齐 (默认)
flex-end 从纵轴终点开始排列,最后一个元素与终点对齐,其它元素与后一个对齐
center 将每个元素居中对齐
纵向排列方式
可选。有效取值如下:
flex-start 从纵轴起点开始排列,第一行与起点对齐,后续行与前一行对齐 (默认)
flex-end 从纵轴终点开始排列,最后一行与终点对齐,其它行与后一行对齐
center 所有行纵向居中,第一行与纵轴起点的距离和最后一行与纵轴终点的距离相同
space-around 两端对齐,中间和两端用同样距离的空白分隔
space-between 两端对齐,中间用同样距离的空白分隔,两端紧贴纵轴起点和终点
可选。额外的CSS样式。
必填 。要显示的内容。

边框仅为辅助理解所用,在实际使用时不会出现。