在 CSS 中，有一種非常重要的屬性，它可以控制元素的排列方向，這就是flex-direction。默認情況下，flex-direction的值為row，意味著元素將從左到右水平排列。

如果我們想把元素沿著垂直方向排列，那么就可以設置flex-direction為column。

.container {
display: flex;
flex-direction: column;
}

除了水平和垂直方向之外，flex-direction還有兩個屬性值：row-reverse和column-reverse。

其中，row-reverse的效果是反轉元素的水平排列方向，即從右到左排列。

.container {
display: flex;
flex-direction: row-reverse;
}

而column-reverse的效果則是反轉元素的垂直排列方向，即從下到上排列。

.container {
display: flex;
flex-direction: column-reverse;
}

可以根據實際需求選擇不同的屬性值，以實現靈活多變的布局效果。