CSS中为Flexbox（弹性盒子模型）提供了一种简单而有效的方法去控制布局，它能够在容器中创建一个主轴方向，主轴方向能够在水平和垂直方向上运用。这个主轴方向是使用flex-direction属性来指定的。

.container {
display: flex;
flex-direction: row; /* 水平方向 */
/* 其他可选项：column、row-reverse、column-reverse */
}

通过上面的例子可以发现，flex-direction属性可以接受4个不同的值，分别代表主轴方向的4种情况：

• row：默认值，主轴方向为水平方向，起点在左边。
• row-reverse：主轴方向为水平方向，起点在右侧。
• column：主轴方向为垂直方向，起点在上方。
• column-reverse：主轴方向为垂直方向，起点在下方。

需要注意的是，主轴方向还可能被影响到一些其它的CSS和HTML属性。例如，在row和row-reverse中，justify-content属性控制元素在水平方向上的对齐方式。而在column和column-reverse中，justify-content属性控制元素在垂直方向上的对齐方式。

最后需要指出的是，使用Flexbox布局的主要优点就在于它具有很强的灵活性，可以快速地调整布局的方式和元素在主轴方向上的对齐方式。使用flex-direction属性就是实现这种灵活性的重要部分。