CSS 그리드를 사용하는 HTML 문서가 있습니다:
으아아아
하지만 행과 열 간격을 1px로 설정하더라도 다음과 같은 결과가 나타납니다.
보시다시피 첫 번째 열 간격과 행 간격은 2px 너비입니다. 행과 열의 수를 늘리면 패턴이 반복됩니다. 내가 뭘 잘못했나요? 감사해요!
P粉2129717452023-09-08 11:09:20
다음을 시도해 보세요
교체:
으아악다음으로 바꾸세요:
으아악gap:1px만 있으면 됩니다.
그러나 .grid1의 너비와 높이도 설정해야 합니다. 예:
으아악너비와 높이가 확실하지 않은 경우 width:auto; height:auto;로 설정하고 그리드 내의 콘텐츠에 따라 너비와 높이가 결정되도록 하세요.