?提醒你一下,你是否还记得text-align属性。flex-startjustify-content的默认属性值是flex-start。flex-start让所有Flex项目靠Main-Axis开始边缘(左对齐)。}flex-endflex-end让所有Flex项目靠Main-Axis结束边缘(右对齐)。}centerflex-start让所有Flex项目排在Main-Axis中间(中间对齐)。}space-aroundspace-around让每个Flex。}align-itemsalign-items属性类似于justify-content属性。}它主要用来控制Flex项目在Cross-Axis对齐方式。Cross-Axis轴有影响。stretchalign-items的默认值是stretch。让所有的Flex项目高度和Flex容器高度一样。flex-start正如你所希望的flex-start让所有Flex项目靠Cross-Axis开始边缘(顶部对齐)。flex-endflex-end让所有Flex项目靠Cross-Axis结束边缘(底部对齐)。centercenter让Flex项目在Cross-Axis中间(居中对齐)。flex-start,但略有不同。让Flex容器中的Flex项目多行排列。Flex项目在Flex容器里的排列方式,排列效果和align-items值一样,但除了baseline属性值。Flex项目间的间距,是Flex项目自身设置的margin值。flex-start之前你看到过flex-start。这次是让多行Flex项目靠Cross-Axis开始边缘。Flex项目在Flex容器中顶部对齐。flex-endflex-end刚好和flex-start相反,让多行Flex项目靠着Cross-Axis结束位置。让Flex项目沿着Cross-Axis从下到上排列,即底部对齐。center你猜到了,center让多行Flex项目在Cross-Axis中间。默认情况下,Flex项目2、3、4的order值为0。现在Flex项目1的order值为1。Flex项目2、3和4的order值都是0。Flex项目的最高的order值。当两个Flex项目具有相同的order值呢?在下面的示例中,把Flex项目1和3设置相同的order值。0或者大于0的任何正数。}添加更多的样式,看起来像这样:默认情况下,flex-grow属性值设置为0。flex-basis默认的值是auto。