在3列CSS网格布局中采用半宽度

我们可以通过CSS网格创建一个如下图所示的布局吗

---

您可以创建6列网格，并设置

网格列：auto/span 3和其余元素的
auto/span 2
：


.grid{
显示：网格；
网格模板列：重复（6，1fr）；
栅隙：16px；
网格自动行：32px；
}
.网格跨度{
背景颜色：钢蓝色；
格线柱：自动/跨度2；
}
.网格跨度：第n个子节点（1），
.网格跨度：第n个子节点（2）{
格线柱：自动/跨度3；
}

1.
2.
3.
4.
5.
使用6列而不是3列。一些流行的CSS框架使用12列网格，因为它为布局提供了灵活性。感谢您的提示，WFM！它还需要知道如何跨越N根柱子，而不事先知道它从哪里开始<代码>网格列自动/span N

适合我。谢谢你的回答！