Css 使用“时，首选隐式行而不是列”；网格自动流：列“0”；

我不认为有解决这个问题的办法，也许这是我应该向浏览器制造商发布的特性请求

我的问题是我希望我的元素沿列方向流动：

[1][3]
[2][4]

所以我写了CSS：

.selector {
  display: grid;
  grid-template-columns: 1fr 1fr:
  grid-template-rows: auto auto;
  grid-auto-flow: column;
}

现在，如果有更多元素，我希望它自动生成更多行，如下所示：

[1][4]
[2][5]
[3][6]

[1][3][5]
[2][4][6]

但网格会生成更多的列，如下所示：

[1][4]
[2][5]
[3][6]

[1][3][5]
[2][4][6]

如果我可以这样说，那会很有帮助：

grid-auto-columns: none

这将告诉grid“不要生成比我明确告诉您的更多的列”，唯一的替代方法是生成更多的行。

也许您可以使用：

"grid-auto-flow: columns"

---

始终在父元素中。

抱歉，我已经更新了问题-当您使用“网格自动流：列”时会出现此问题。如果你仔细看看我希望这个布局如何工作，我想你会明白我的意思。

columns

就是这样做的：谢谢，我知道这个属性。如果我能以这种方式使用

网格

，那就太好了，因为

网格

还有

列

没有的其他有用功能。不管怎样，我可能会看看我是否能制作一个特写，看看他们怎么说。