如何让6的div一行显示三个

你可以使用 CSS 的 flex 属性和伪元素来实现这个需求。具体步骤如下：

1. 给包含 div 的父元素设置 display:flex; 属性，使其变成一个 flex 容器。

2. 设置 flex-wrap:wrap; 属性，使超出容器宽度的 div 换行。

3. 给每个 div 设置 flex-basis: 33.33%; 和 box-sizing: border-box; 属性，让每个 div 占据容器的 1/3 宽度，并且包括内边距和边框在内。

4. 为每个 div 添加一个伪元素，设置 content:'';、flex-grow:1; 和 height:0; 属性，使每个 div 撑满整个容器高度，且每个 div 的高度相等。

下面是示例代码：

HTML代码：

<div class="container">
  <div class="box">1</div>
  <div class="box">2</div>
  <div class="box">3</div>
  <div class="box">4</div>
  <div class="box">5</div>
  <div class="box">6</div>
</div>

CSS代码：

.container {
  display: flex;
  flex-wrap: wrap;
}

.box {
  flex-basis: 33.33%;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #ccc;
  text-align: center;
  position: relative;
}

.box::after {
  content: '';
  flex-grow: 1;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}