justify-contentjustify-content水平对齐元素flex-start：将元素对齐到容器的左侧。flex-end：元素对齐到容器的右端。center：元素在容器中居中。space-between：保持元素之间的距离相等。space-around：在元素周围保持相等的距离align-itemsalign-items垂直对齐元素flex-start：将元素与容器顶部对齐。flex-end：元素与容器底部对齐。center：元素垂直居中。baseline：元素显示在容器的基线处。stretch：元素被拉伸以填充整个容器。flex-directionflex-direction容器中放置的方向行：元素放置的方向与文本方向一致。row-reverse：元素放置的方向与文本的方向相反。column：从上到下的元素。column-reverse：元素从下到上。orderorder的默认值为0，但我们将此属性设置为正数或负数。align-selfalign-self控制单个元素的属性flex-wrapspreadthemoutlooknowrap:allelementsononeline.wrap：元素自动换行成多行。wrap-reverse：自动将元素倒序换行成多行。flex-flowflex-direction和flex-wrap这两个属性经常一起使用，所以有一个缩写属性flex-flow。这个简写属性接受两个用空格分隔的属性值。例如，您可以使用flex-flow:rowwrap来设置行并自动换行。align-contentalign-content确定行与行之间的距离flex-start：多行集中在顶部。flex-end：多行集中在底部。center：多行居中。space-between：保持行与行之间的距离相等。space-around：在每条线周围保持相等的距离。stretch：每一行都被拉伸以填充容器。
