https://developer.mozilla.org...列表项目您可以在下面的实例中看到它的外观。尝试编辑项目或添加其他项目以测试flexbox的初始行为。列表项目下面的实例将flex-direction设置为row-reverse。尝试其他值——row、column和column-reverse——看看内容会发生什么。列表项目当flex-wrap设置为wrap时，项目换行。将其设置为nowrap，这也是初始值，它们将收缩以适应容器，因为它们使用允许项目收缩的初始flexbox值。如果项目不能缩小，或者不能缩小到足够小以适应，使用nowrap会导致溢出。列表项目在实际示例中尝试以下justify-content值：flex-startflex-endcenterspace-aroundspace-betweenspace-evenly列表项目您可以改为将align-items设置为flex-start以使项目在flex容器的开头对齐，flex-end以对齐它们到最后，或中心将它们对齐在中心。在实际示例中试试这个——我已经给flex容器一个高度，以便您可以看到项目如何在容器内移动。如果将align-items的值设置为：stretchflex-startflex-endcenter，看看会发生什么
