一种解决方法是使用CSS的display: grid属性来创建网格，而不是为每个单元格编写一个div。以下是一个示例代码：

HTML部分：

  
单元格1
  
单元格2
  
单元格3
  
单元格4
  
单元格5
  
单元格6

CSS部分：

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 创建3列 */
  grid-gap: 10px; /* 设置单元格之间的间隔 */
}

.grid-item {
  border: 1px solid black; /* 给单元格添加边框 */
  padding: 10px; /* 设置单元格的内边距 */
}

在上述代码中，通过设置display: grid属性，我们将父元素grid-container转换为一个网格容器。然后，通过grid-template-columns属性，我们定义了3列的网格布局。grid-gap属性用于设置单元格之间的间隔。最后，通过添加.grid-item类，我们为每个单元格添加样式，包括边框和内边距。

这样，我们就可以使用CSS的网格布局来创建一个网格，而不需要为每个单元格编写一个div。