CSS 그리드를 사용하여 일관되지 않은 간격

Question

CSS 그리드를 사용하는 HTML 문서가 있습니다:

으아아아

하지만 행과 열 간격을 1px로 설정하더라도 다음과 같은 결과가 나타납니다.

보시다시피 첫 번째 열 간격과 행 간격은 2px 너비입니다. 행과 열의 수를 늘리면 패턴이 반복됩니다. 내가 뭘 잘못했나요? 감사해요!

Answer 1

다음을 시도해 보세요

교체:

으아악

다음으로 바꾸세요:

으아악

gap:1px만 있으면 됩니다.

그러나 .grid1의 너비와 높이도 설정해야 합니다. 예:

으아악

너비와 높이가 확실하지 않은 경우 width:auto; height:auto;로 설정하고 그리드 내의 콘텐츠에 따라 너비와 높이가 결정되도록 하세요.