`flex-direction` 属性用于设置Flex容器的主轴方向。它有以下四个可选值:
1. `row`:默认值,表示主轴方向为水平方向,项目从左到右排列。
2. `row-reverse`:表示主轴方向为水平方向,项目从右到左排列。
3. `column`:表示主轴方向为垂直方向,项目从上到下排列。
4. `column-reverse`:表示主轴方向为垂直方向,项目从下到上排列。
例如,下面的代码将Flex容器的主轴方向设置为垂直方向,项目从上到下排列:
```css
.container {
display: flex;
flex-direction: column;
}
```
需要注意的是,`flex-direction` 属性只影响Flex容器内部项目的排列顺序,不会影响项目本身的方向。如果需要改变项目的方向,可以使用 `flex-wrap` 和 `align-items` 属性。