同位素砌体 - 显示错误的内容

Question

我的砌体布局存在问题 - 我无法正确地将64％和32％的列放在一行中。

Jsfiddle代码：http://jsfiddle.net/h6ammhbo/

这是我的砌石代码：

var $container = $('#masonry-container').imagesLoaded(function () {
        $container.isotope({
            // options
            itemSelector: '.item_article',
            layoutMode: 'fitRows',
            masonry: {
                gutter: 5
            }
        });
    });

和布局：

我的css： 对于大项目：.article_60{ width: 64% } 小件物品：.article_30{ width: 32% }

但是我无法获得所需的布局，项目之间也没有空格，这里有什么问题？

Answer 1

尝试不同的layout modes。例如packery。请记住，某些布局模式必须单独下载，不包含在主源文件中。

Answer 2

您可以选择此http://prntscr.com/6eyn4n http://prntscr.com/6eyn92

之类的布局模式

Answer 3

各个尺码的物品需要多个： 如果一个项目是400，则另一个项目需要为200，依旧等等。