砌體使所有元素浮動：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'); 
    });