display: flex每行放两个
时间: 2023-09-16 16:06:26 浏览: 115
详解CSS中的display:flex||inline-flex属性
要在 flex 布局中每行放置两个元素,可以使用 `flex-wrap` 属性来实现。以下是一个示例代码:
```css
.container {
display: flex;
flex-wrap: wrap;
}
.item {
flex-basis: 50%;
}
```
在这个示例中,我们将父容器的 `display` 属性设置为 `flex`,并将 `flex-wrap` 属性设置为 `wrap`,以便在需要时换行。然后,将子元素的 `flex-basis` 属性设置为 50%,以使每个元素占据一行的一半宽度。
你可以根据自己的需求修改容器和项目的类名,并根据需要添加其他样式。希望这可以帮助到你!
阅读全文