固定行数，如果有更多内容，则应使用css网格转到下一列

我有一种情况，行数应该是3，如果有更多的项目，它应该转到下一列。也就是说，每列应该只有三个项目

我确实喜欢这个

.sub-options-container {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: repeat(3, auto);
}

但这只会增加到3列，但我希望它根据添加的项目的数量动态添加更多的列，但每列应该只有三行

如果我想要固定列并动态添加行，只需如图所示定义列，我就能够实现这一点

.sub-options-container {
    display: grid;
    grid-template-columns: auto auto auto;
}

---

我在stackoverflow中找不到解决方案，如果问到这一问题，很抱歉

几乎是重复的：。。检查第一个代码段并停止网格定义（不需要第n个chid技巧）

grid auto columns:20px；网格自动流动：柱状密集

这是造成差异的原因吗？是的，尤其是

网格自动流动：柱密（在您的情况下，您可以删除
densed
）