砌体布局问题

Question

我用 Masonry 得到了这个例子，它工作正常，但是有一个奇怪的问题：当只选择绿色和黄色按钮时，它不会将它们放在两列中，而是只放在一个...是这种行为是有原因的，也许可以调整一下..?

这是一支笔：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