砌体使所有元素 float:0

Question

我有一个 prestashop 商店，我在其中使用我修改过的模块，该模块在另一家商店中有效，但在我现在尝试安装它的那个商店中无效。 Masonry 加载正常，但它适用于 float:0 所有元素，只制作一列而不是马赛克。

url 是 www.myvintageshoot.com ，你可以看到问题所在。我尝试用不同的选项修改调用函数，但似乎没有任何效果，而且我不知道为什么脚本将那个 0 值。

Answer 1

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

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