砌体使所有元素浮动：0

Question

我有一个prestashop商店，我在其中使用我修改过的模块在另一个商店中工作，但不是我现在尝试安装的模块。 砌体加载很好，但它对所有元素应用float：0，只需要一列而不是马赛克。

网址是www.myvintageshoot.com，在那里你可以看到问题所在。我尝试用不同的选项修改调用函数，但似乎没有任何工作，我不知道脚本为什么放置0值。

Answer 1

最后。当第一个项目比其余项目宽时，砌体将其宽度用于其余项目，将整个马赛克渲染为一列。为此你必须将宽度设置为构造函数，我使用较小的项目的类来完成它，如下所示：

    var $grid = $('.masonry').masonry({
  // options...
  columnWidth: '.brick1x1',
  itemSelector: '.brick',
  });
  // layout Masonry after each image loads
  $grid.imagesLoaded().progress( function() {
    $grid.masonry('layout');
  });