砌体布局问题

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