web-dev-qa-db-ja.com

1つの側溝のグリッド行ギャップ/グリップ列ギャップをオーバーライドできますか?

単一のgrid-row-gapを他のグリッドとは異なる特定のサイズに設定する方法はありますか?

使用例:グリッドの一番上の行は、ヘッダーとして機能するため、グリッドの残りの行よりも2行目までの間隔が少ないはずです。

18
Eric R

grid-row-gapおよびgrid-column-gapプロパティはグリッド全体に適用されます( スペック参照 )。

ただし、2行目のグリッド項目で負のマージンを使用して、位置を調整できます。

別のオプションは、現在のグリッドから一番上の行(ヘッダー)を削除し、データのすぐ上の別のコンテナーに配置することです。これはgrid-gap問題。

16
Michael_B