항목의 마지막 행이 CSS 그리드의 남은 공간을 차지하도록 만드는 방법은 무엇입니까?

Question

그리드의 마지막 행에 있는 모든 항목이 개수에 관계없이 해당 행을 채우도록 하는 방법이 있나요?

그리드에 있는 항목의 개수를 모르기 때문에 직접 배치할 수는 없습니다. grid-auto-flow:ensemble를 사용해 보았지만 별로 도움이 되지 않았습니다.

이것은 내 문제를 시각화한 것입니다. :

으아악 으아악

Answer 1

이것은 CSS 규칙 nth-child 및 nth-last-of 유형을 결합하여 CSS Grid를 사용하여 완전히 가능합니다. 주의할 점은 열의 개수를 미리 알아야 한다는 점입니다.

으아악 으아악