CSS 如何实现div的自动换行

最新推荐文章于 2024-08-15 16:53:51 发布

黄献新

最新推荐文章于 2024-08-15 16:53:51 发布

阅读量829

点赞数 2

文章标签： css 前端 javascript

本文链接：https://blog.csdn.net/wuxianjinbu/article/details/139828038

版权

.parent {
  display: flex; /* 使用flexbox布局 */
  flex-wrap: wrap; /* 子元素自动换行 */
}
.child {
  flex-basis: 200px; /* 子元素的宽度 */
}

<div class="parent">
  <div class="child">子元素1</div>
  <div class="child">子元素2</div>
  <div class="child">子元素3</div>
  <div class="child">子元素4</div>
  <div class="child">子元素5</div>
  <div class="child">子元素6</div>
</div>