---
title: Flexbox Direction
localeTitle: Flexbox方向
---
## Flexbox方向

现在您已经知道了什么是flexbox，现在是时候继续介绍如何在Flex容器中安排内容了。您可以通过_flex-direction_设置它

设置弯曲方向有4种方法

1.  行

![](https://css-tricks.com/wp-content/uploads/2013/04/flex-direction2.svg)

弹性方向默认设置为行。这会将您的所有内容排列在一行**而没有边距**。****

2.  行反向

![](https://i-msdn.sec.s-msft.com/dynimg/IC681588.png)

这会反转您的内容。最初是从左到右，现在是从右到左。

3.  柱

![](https://i-msdn.sec.s-msft.com/dynimg/IC681589.png)

这会将您的内容从上到下排列在一列中。

4.  列反向

这会将您的内容从下到上排列在一列中。

#### 更多信息：