如何处理CSS网格中的边距？

我正在学习CSS

grid

，这些天我试图在我以前使用Bootstrap

grid

的地方应用

grid

。一切进展顺利，但我似乎不知道如何处理CSS网格中的边距。我知道

网格行间距

和

网格列间距

，但这只涵盖了简单的用例，而不是我所有的用例。例如：

如果我想在每第三行之后使用

40px

margin

见所附设计图。如何实现这个css

网格

？我已将所有

页边距标记为m。我是使用显式
边距
还是将列/行留空以充当
边距

---

创建一个类（例如，margin-40:{margin:40px 0}），并将该类放在row类旁边，无论您想放在哪里。

您想这样做吗：

.行：第n个子（3n+3）{页边距底部：40px；}

---

这将在每第三行后添加边距。

您能显示您的html代码吗？图片就是我做的设计。我对编写html/css代码感到困惑，所以我问了这个问题。你有网格间距、边距、填充等。。。您只需尝试“如果我希望每第三行后有40px的边距怎么办？”-这在CSS网格中是不可能的。行不是元素，

网格行间距

适用于每一行使用空行而不是边距。