flex布局,怎么一行只存在两个div
时间: 2023-06-30 08:26:45 浏览: 219
两个div如何并排一行具体该怎么实现
5星 · 资源好评率100%
在使用 Flex 布局时,将容器的 `flex-wrap` 属性设置为 `nowrap`,即可强制所有的子元素在同一行内排列。如果你想让一行只存在两个 div,可以为容器设置 `justify-content: space-between` 或 `justify-content: space-around` 属性,然后将两个 div 的宽度设置为百分比或者固定值。这样就可以让两个 div 均匀地分布在容器的两端或者留有一定的间隔。例如:
```css
.container {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.container div {
width: 48%;
}
```
这样就可以让两个 div 均匀地分布在容器的两端,同时留有一定的间隔。
阅读全文