我的.wrapper
元素中有12个子div
,我希望将它们堆叠在一起。数字12实际上是动态的,所以我不知道我会有多少个孩子。现在,我的网格布局如下所示:
.wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto auto;
grid-auto-flow: column dense;
grid-gap: 10px;
}
这是很好的,直到网格应该开始包装元素(布局是完整的,网格是3x2,其中包含6个元素)。第七个,第八个和所有其他的都堆叠在前六个旁边,尽管我希望它们在同一个模板的新行中(所以基本上我的网格将变成2x(3x2))。
解释本身可能没有太多意义,也可以查看Codepen。
如何使第六个元素之后的元素换行?
https://stackoverflow.com/questions/51218095
复制相似问题