砌体布局问题

Question

我得到了砌石的这个例子，它工作正常，但是有一个奇怪的问题：当只选择绿色和黄色按钮时，它不会将它们布置在两个列中，而只会布置在一个列中。这种行为的原因，也许可以对其进行调整吗？？

这是一支笔：https://codepen.io/anon/pen/pOXddW?editors=1010

$('.main__container').masonry({
    itemSelector: '.item',
    columnWidth: '.item'
});

Answer 1

您必须在砌体容器中添加一个空的div“ grid-sizer”

 columnWidth: '.grid-sizer'

https://codepen.io/adi88/pen/oPKNWJ