CSS Flex-Direction属性
CSS Flex-Direction属性是用来控制flex容器内项目的方向。它可以控制flex容器内项目的排列顺序，以及它们的水平或垂直方向。
Flex-Direction属性有4个可选值：row, row-reverse, column, column-reverse。
row：默认值，flex容器内项目水平排列，从左到右排列；
row-reverse：flex容器内项目水平排列，从右到左排列；
column：flex容器内项目垂直排列，从上到下排列；
column-reverse：flex容器内项目垂直排列，从下到上排列。
使用方法
使用flex-direction属性，可以在flex容器内设置项目的排列方向，以及它们的水平或垂直方向。
.flex-container {
display: flex;
flex-direction: row;
}
上面的代码中，我们使用flex-direction属性设置了flex容器内项目的排列方向，设置为row，表示flex容器内项目水平排列，从左到右排列。
我们也可以使用flex-wrap属性来控制flex容器内项目的排列方向，如果设置为nowrap，表示flex容器内项目不换行，水平排列；如果设置为wrap，表示flex容器内项目换行，垂直排列。
.flex-container {
display: flex;
flex-wrap: nowrap;
}
上面的代码中，我们使用flex-wrap属性设置了flex容器内项目的排列方向，设置为nowrap，表示flex容器内项目不换行，水平排列。
CSS Flex-Direction属性是用来控制flex容器内项目的方向。它可以控制flex容器内项目的排列顺序，以及它们的水平或垂直方向。Flex-Direction属性有4个可选值：row, row-reverse, column, column-reverse。使用flex-direction属性，可以在flex容器内设置项目的排列方向；使用flex-wrap属性，可以控制flex容器内项目的排列方向，如果设置为nowrap，表示flex容器内项目不换行，水平排列；如果设置为wrap，表示flex容器内项目换行，垂直排列。