javascript - masonry - 列宽百分比 + 排水沟

Question

如果每个项目的宽度为 25% 并且 gutter 参数为 10，为什么我不能按行显示 4 个项目？请帮助我!

$('.grid').masonry({
    itemSelector: '.grid-item',
    columnWidth: '.grid-sizer',
    gutter: 10
});

http://codepen.io/davelins/pen/bdoRGa

Answer 1

改变

.grid-item {
  width: calc(25%);
}

到

.grid-item {
  width: calc(25% - 10px);
 }