grid布局每行展示四个怎么写

在CSS Grid布局中，如果你想要每行显示四个项目，你需要设置网格的行数(`grid-rows`)以及每个单元格的大小。通常，我们会将总列数除以需要展示的每行项目数来确定网格线的数量，然后分配给每个项目。假设总共有16个项目，你想每行4个，你可以这样做：

.container {
  display: grid;
  grid-rows: repeat(auto-fit, minmax(0, 1fr)); /* 自动适应高度，最小单位为1行 */
  gap: 1rem; /* 设置行间间距 */
}
.item {
  /* 样式，例如宽度、高度等 */
}

这里的`repeat(4, 1fr)`表示有4列，每一列占据相等的份量，`auto-fit`和`minmax(0, 1fr)`则使得每一行高度根据项目的大小自动调整，并保证至少能放下一个项目。