flex-direction: row;
时间: 2023-10-14 22:16:15 浏览: 58
flex-container:使用Flex
这是一条 CSS 属性,用于设置弹性盒子元素的主轴方向为水平方向(从左到右)。
具体来说,如果将 `flex-direction` 设置为 `row`,则弹性盒子元素会沿着水平方向排列,第一个子元素会位于左侧,最后一个子元素会位于右侧,其他子元素则按照顺序排列在它们之间。同时,弹性盒子的交叉轴方向为垂直方向(从上到下),子元素会被拉伸以填充交叉轴方向的空间。
以下是一个示例代码:
```css
.container {
display: flex;
flex-direction: row;
}
```
这会将 `.container` 中的子元素沿着水平方向排列。如果想要将它们沿着垂直方向排列,可以将 `flex-direction` 设置为 `column`。
阅读全文