在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是一项非常方便的布局属性，在实际项目中被广泛运用。相信随着大家的实践，会有更多有趣的排列方式被发现。