【发布时间】：2017-12-22 10:27:00
【问题描述】：
有没有办法将单个grid-row-gap 设置为不同于网格其余部分的特定大小？
用例：网格的第一行与第二行的间隙应小于网格的其余部分，因为它充当标题。
【问题讨论】：
【发布时间】：2017-12-22 10:27:00
【问题描述】：
grid-row-gap 和 grid-column-gap 属性适用于整个网格 (spec reference)。
但是，您可以在第二行网格项目上使用负边距来调整它们的位置。
另一种选择是从当前网格中删除顶行（标题）并将其放置在数据正上方的不同容器中。这将消除grid-gap 问题。
【讨论】：
-
谢谢，@Michael_B。这就是我在阅读规范和谷歌搜索时的想法。有道理，我想到了负边距的想法。现在，我将只使用具有相同列集的两个网格。看起来更干净。
-
对于一行，我需要为第一个元素添加另一个 flex div 并用另一个 flex div 将它们全部包装起来，看起来很hacky。