css grid 设置每行几个

在 CSS Grid 中，可以使用 grid-template-columns 属性来设置每行的列数。该属性接受一个值列表，每个值代表每列的宽度。

例如，如果你想要每行显示3列，可以这样设置：

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

上述代码中的 repeat(3, 1fr) 表示重复3次 1fr，即每列的宽度为相等的分数。你也可以使用其他单位（如 px 或 em）来定义列宽。

另外，你还可以使用 auto-fill 关键字来自动填充容器，使每行尽可能多地包含列。例如：

.container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

上述代码中的 minmax(200px, 1fr) 表示每列的宽度至少为 200px，最大为 1fr（即平均分配剩余的宽度）。

通过这些方式，你可以根据需要设置每行的列数