Files
freeCodeCamp/guide/chinese/css/layout/flexbox/flexbox-direction/index.md
2018-10-16 21:32:40 +05:30

33 lines
811 B
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
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. 列反向
这会将您的内容从下到上排列在一列中。
#### 更多信息: