在CSS中，有許多屬性可以幫助我們控制元素的布局，其中一個十分常用的屬性就是flex-direction。

flex-direction可以用來指定flex容器內元素的排列方向。默認情況下，flex容器內的元素是從左到右依次排列的，使用該屬性可以使其沿其它方向排列。

.container {
display: flex;
flex-direction: column; /* 元素豎向排列 */
}

如上代碼即為將flex容器內的元素按垂直方向排列。還可以將元素從右往左排列：

.container {
display: flex;
flex-direction: row-reverse; /* 元素從右往左排列 */
}

flex-direction的取值包括：

• row：元素從左到右排列（默認）
• row-reverse：元素從右往左排列
• column：元素從上到下排列
• column-reverse：元素從下到上排列

需要注意的是，flex-direction只會影響直接子元素的排列順序，而不會影響子元素內部更深層次的排列方式。如果需要改變更深層次元素的排列方式，需要對其使用flex屬性。

總之，flex-direction是一項非常方便的布局屬性，在實際項目中被廣泛運用。相信隨著大家的實踐，會有更多有趣的排列方式被發現。