CSS グリッドの残りのスペースを項目の最後の行に占有させるにはどうすればよいですか?

Question

グリッドの最後の行にある項目の数に関係なく、すべての項目を強制的にその行に埋める方法はありますか?

グリッド内のアイテムの数がわからないため、それらを直接ターゲットにすることはできません。 grid-auto-flow:ensemble を使用してみましたが、あまり役に立ちませんでした。

これは私の問題を視覚化したものです: ：

リーリー リーリー

Answer 1

これは、CSS ルール nth-child と nth-last-of type を組み合わせることにより、CSS Grid で完全に可能になります。唯一注意すべきことは、列の数を事前に知っておく必要があるということです。

リーリー リーリー