grid-row-gap / grip-column-gap 可以覆盖单个装订线吗？

Question

有没有办法将单个 grid-row-gap 设置为不同于网格其余部分的特定大小？

用例：网格的第一行到第二行的间隙应该小于网格的其余部分，因为它充当 header.

Answer 1

grid-row-gap 和 grid-column-gap 属性适用于整个网格 (spec reference)。

但是，您可以在第二行网格项上使用负边距来调整它们的位置。

另一种选择是从当前网格中删除顶行 (headers)，并将其放在数据正上方的不同容器中。这将消除 grid-gap 问题。