我的div里面有多个div,外面那个div设置了display:flex,怎么设置里面的div,使得里面的div过多后自动换行
时间: 2024-05-10 08:18:35 浏览: 31
设置一个DIV块固定在屏幕中央的两种方法(推荐)
5星 · 资源好评率100%
你可以给里面的 div 设置 `flex-wrap: wrap`,这样当里面的 div 太多时,它们会自动换行。同时,你需要给里面的 div 设置一个固定的宽度,或者使用 `flex-basis` 来指定每个 div 的基础宽度。例如:
```
<div class="container">
<div class="item">Item 1</div>
<div class="item">Item 2</div>
<div class="item">Item 3</div>
<div class="item">Item 4</div>
<div class="item">Item 5</div>
<div class="item">Item 6</div>
</div>
<style>
.container {
display: flex;
flex-wrap: wrap;
}
.item {
flex-basis: 200px; /* 或者可以设置固定宽度 */
}
</style>
```
阅读全文