33 lines
811 B
Markdown
33 lines
811 B
Markdown
|
---
|
|||
|
|
title: Flexbox Direction
|
|||
|
|
localeTitle: Flexbox方向
|
|||
|
|
---
|
|||
|
|
## Flexbox方向
|
|||
|
|
|
|||
|
|
现在您已经知道了什么是flexbox，现在是时候继续介绍如何在Flex容器中安排内容了。您可以通过_flex-direction_设置它
|
|||
|
|
|
|||
|
|
设置弯曲方向有4种方法
|
|||
|
|
|
|||
|
|
1. 行
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
弹性方向默认设置为行。这会将您的所有内容排列在一行**而没有边距**。****
|
|||
|
|
|
|||
|
|
2. 行反向
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
这会反转您的内容。最初是从左到右，现在是从右到左。
|
|||
|
|
|
|||
|
|
3. 柱
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
这会将您的内容从上到下排列在一列中。
|
|||
|
|
|
|||
|
|
4. 列反向
|
|||
|
|
|
|||
|
|
这会将您的内容从下到上排列在一列中。
|
|||
|
|
|
|||
|
|
#### 更多信息：
|