Html 如何用CSS网格呈现这个？

您好，有人可以帮助并告诉我如何用css网格呈现这个吗？ 实际上我是用jQuery做的，但我知道我可以用css网格来做。 我希望每行的第二个元素都被偏移

多谢各位

---

如果列每隔3列以行div分隔，则可以使用.col:nth child（2）选择第二列

或者，如果所有列都位于同一行div中，则可以使用.nth child（3n+2）

更多信息请访问w3schools

使用公式（an+b）。说明：a表示循环大小，n表示计数器（从0开始），b表示偏移值

---

您可以通过在相同长度的边上加上一个正的

边距顶部

，但在底部加上一个负的

边距底部

，来实现这一点。这个问题没有显示研究工作。如果您有问题，请发布您当前的最佳猜测。您应该回顾一下，您至少应该尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请返回您的代码并解释您尝试过的内容。这在CSS Grid中当然是可能的，但我怀疑它不会是动态的。CSS Grid中的列不可选择（甚至不存在）。谢谢您的帮助！