Grid-template-rows:Repeat(auto-fill, 80px) は、grid-auto-rows: 80px と同じ意味で使用できますか?

Question

動的コンテンツを追加するときに、グリッドで必要に応じて行を追加したいと考えています。

これで問題は解決します:

リーリー

grid-auto-rows: 80px の代わりに grid-template-rows:repeat(auto-fill, 80px); を使用できるかどうか知りたいです?

Answer 1

そうですね、 grid-template-rows:Repeat(auto-fill, 80px); は spec に従っていますが、望ましい結果が得られません。代わりに、高さ 80 ピクセルの明示的な行を作成するだけで、他の行のサイズは自動的に変更されます。

ただし、必要に応じて行、つまり暗黙的に作成されたグリッド行を追加したいため、grid-auto-rows を使用する必要があり、 を使用する必要はありません。グリッド -テンプレート行。 < /p>

リーリー リーリー