怎么让4个div横向依次排列2个
时间: 2024-03-12 17:45:54 浏览: 205
让两个Div并排显示的多种方法
5星 · 资源好评率100%
您可以使用CSS中的Flexbox布局来实现这个效果。您可以使用以下CSS代码:
```css
.container {
display: flex;
flex-wrap: wrap;
}
.container > div {
flex: 1 0 50%;
}
```
这里的`.container`是包含4个`<div>`元素的父元素。`display: flex;`将其设置为Flex容器,`flex-wrap: wrap;`使得当子元素超出容器宽度时会自动换行。`flex: 1 0 50%;`则是指定子元素占据剩余空间的比例为1,不允许缩小,宽度为50%。这样就可以让4个`<div>`元素横向依次排列2个了。
阅读全文