Jquery Masonry额外空间

Question

我正在尝试使用JQUERY Masonry制作图像网格系统，但我有空间问题。

我已从codepen.io

创建了 DEMO

如果您访问该演示，请调整页面宽度＆lt; 580px，然后您可以看到有一个额外的空间我如何删除任何人可以在这方面帮助我的额外空间？

我将这个javascript用于砌体选择器

$(document).ready(function() {
  $('.image-container').masonry({
   isFitWidth: true,
   itemSelector: '.user-image'
  }).imagesLoaded(function() {
   $('.image-container').masonry('reload');
  });
});

Answer 1

这是按预期工作的。

我的建议是删除图像容器上的浮动。这个IMO为您提供了您对Masonry的期待。

示例： http://codepen.io/alexgill/pen/yNgaRw

<强>代码：

.image-container {
/* float:left; */
  position:relative;
  max-width:580px;
  disply: block;
  margin: 0 auto;
  padding-left:3px;
}