벽돌 레이아웃 (때로는) 아이템들 사이에 1px 거터를 추가합니다.

Question

벽돌과 함께 7 개의 아이템을 배치했습니다. 화면 크기에 따라 두 번째 행과 세 번째 행 사이에 1px 거터 (흰색 공간)가 표시되는 경우가 있습니다 (두 번째 열과 세 번째 열 사이에 있음).

개인적으로 나는 타일/아이템 사이에 공간을 갖고 싶지 않습니다. 이 단일 픽셀 줄이 나타나는 원인과 해결 방법을 누가 알 수 있습니까? 이 항목에 대한 높이를 설정하지 않기 때문에 그들의 높이에 기초하여 계산되도록 https://infinit.io/_/fJqNxKq

Answer 1

:

예 : 결과 http://wallstart.nl/test.html

padding: 10%; 
font-size: 18px; 
line-height: 1.5em; 

폰트 크기가 확인되지만 패딩하며 항목의 행 높이 (백분율과 짝수 값으로 인해)의 높이가 부동 소수점 숫자 (예 : height: 70.83px)를 갖습니다. 그러나 나는 그 숫자로 계산 된 항목의 위치가 천정 가치라고 생각합니다. (top: 71px). 그래서 약간의 줌 레벨에서 이상하게 보입니다.

이 라이브러리에 대한 지원이나 수정이 없다면 픽셀 값을 사용하기 위해 패딩과 라인 높이를 .grid-item a에 재정의하려고합니다.