動的コンテンツを追加するときに、グリッドで必要に応じて行を追加したいと考えています。
これで問題は解決します:
grid-auto-rows: 80px の代わりに grid-template-rows:repeat(auto-fill, 80px); を使用できるかどうか知りたいです?
の代わりに
そうですね、 grid-template-rows:Repeat(auto-fill, 80px); は spec に従っていますが、望ましい結果が得られません。代わりに、高さ 80 ピクセルの明示的な行を作成するだけで、他の行のサイズは自動的に変更されます。
grid-template-rows:Repeat(auto-fill, 80px);
ただし、必要に応じて行、つまり暗黙的に作成されたグリッド行を追加したいため、grid-auto-rows を使用する必要があり、 を使用する必要はありません。グリッド -テンプレート行。
grid-auto-rows
を使用する必要はありません。グリッド -テンプレート行
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
そうですね、
grid-template-rows:Repeat(auto-fill, 80px);は spec に従っていますが、望ましい結果が得られません。代わりに、高さ 80 ピクセルの明示的な行を作成するだけで、他の行のサイズは自動的に変更されます。ただし、必要に応じて行、つまり暗黙的に作成されたグリッド行を追加したいため、
grid-auto-rowsを使用する必要があり、を使用する必要はありません。グリッド -テンプレート行。