벽돌 추가 도랑

Question

내 페이지에는 3 개의 패널이 있고 열 너비는 280px이고 거터는 10px이며 오른쪽 및 왼쪽 패널 너비는 280px이고 중앙 패널의 너비는 560px이므로 왼쪽 패널의 거터는 20px입니다.

이 여분의 거터를 어떻게 제거하고 10px로 설정할 수 있습니까? 사진은 :이 패널

자바 스크립트 :

var container2 = document.querySelector('#push-below'); 
    var msnry2 = new Masonry(container2, { 
     // options 
     columnWidth: 280, 
     gutter: 10, 
     itemSelector: '.panel' 
    }); 

Answer 1

문제는 열 너비 및 제본 폭이 컨테이너 폭을 모두 채울까지 추가하지 않는 것 같다. 작은 열이 여러 개의 가상 열로 구성되도록 열 너비를 맞춰 다시 계산할 수 있습니다. 또는 쉬운 (및 못생긴) 솔루션을 위해 열 너비를 10으로 설정하십시오.