作为密集块？

Question

请帮忙解决问题。对于密集的包装块，我使用了流行的插件砌体。

我的结果code is not worked. but I used the method described in the documentation

$('#container').masonry({
  itemSelector: '.box',
  // set columnWidth a fraction of the container width
  columnWidth: function( containerWidth ) {
    return containerWidth / 5;
  }
});

css:

#container{
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

    #container .item{
        width: 33.3%;
        background: red;
        float: left;
    }

Answer 1

您的 fiddle 引用了 masonry v3 库。

对于此语法 (http://jsfiddle.net/6ashzfo6/4/)：

$('#container').masonry({
  itemSelector: '.box',
  // set columnWidth a fraction of the container width
  columnWidth: function( containerWidth ) {
    return containerWidth / 5;
  }
});

使用您链接到的文档中的 v2.1.08。

作为密集块？

as densely packed blocks?

javascript

jquery

jquery-masonry