我正在尝试创建一个简单的图像拼贴，因为这个问题需要使用Masonry：div grid of squares, float:left issue (image included)。
我认为这非常简单，但我无法弄清楚我的实施有什么问题：http://classicopia.ivointeractive.com/。路径尽头的房子的照片应该在右上角。间距是完美的（970 = 2 * 291 + 388）并且图像通过其float：left属性获得位置，但是砌体脚本将其拉出原位。
如果我增加整个容器的宽度，那么这两个图像会保持堆叠状态，但会向右移动。这是否意味着砌砖只是创造了2根柱子而不管是什么？我该如何更改此号码？
答案 0 :(得分：1)
砌体需要相等宽度的列才能正常工作。 .masonry-brick按顺序排列在#container中，因为它们出现在DOM中。如果你的大型.masonry-brick跨越两列或一列半，你将得不到合适的装配布局;另请参阅您的“秋季风格......”.col6 div，它不适合。
请参阅http://masonry.desandro.com/demos/basic-multi-column.html了解何时以及为何会出现差距。您将看到任意数量的列都是可能的，但布局取决于基本列宽和匹配该模块性的元素以及.masonry-brick宽度的最小公约数。
固定宽度#container，在您的情况下，没有多大意义，因为Masonry的目的是在浏览器窗口上实现灵活的布局，跨浏览器和设备调整大小。不过，你可以拥有一个居中的#container。
有关类似问题，另请参阅https://stackoverflow.com/a/12525917/963514。