像这样的Jquery砌体布局

Question

嗨，伙计们，我正在尝试将jquery masonary与worpress整合。 我有这个代码

jQuery( document ).ready( function( $ ) {
    var $container = $('#portfolio');
    $container.imagesLoaded( function() {
    $container.masonry( { columnWidth: 50,itemSelector: '.portfolio' } );
    });
});

我正在使用canvas子主题，并没有调整图像大小

我想看这样的布局

任何建议 Html就是这样

Answer 1

我相信您正在寻找的选项是“columnWidth”。

http://masonry.desandro.com/options.html#columnwidth

{
columnWidth: 100
}

但是，如果您只需要这种布局，我认为您不需要Masonary.js。你可以简单地使用浮点数。