0

我第一次使用砖石http://masonry.desandro.com/

我已经完成了所有设置，它似乎大部分都可以工作，但是当拖动它时，它似乎在放置盒子的位置做出了奇怪的选择。

我的意思是我可能有一个中等大小的对象，然后是一个小对象，然后是一个中等大小的对象

当我按比例放大而不是将介质放在顶行时，两个小的在下一行彼此相邻，另一个介质在底部，它会保持顺序，这会使整个事情变得毫无意义。

这是一个小提琴http://jsfiddle.net/danwhitmarsh/zgjBy/

在那个小提琴上使结果和javascript之间的栏越来越小，这将变得明显

这是一些示例代码

html

<main id="main" class="js-masonry" data-masonry-options='{ "columnWidth": 320, "itemSelector": ".module","isFitWidth": true }'>
    <!-- INTRO MODULE -->
    <div class="module med-width med-height">

    </div>
    <!--EXAMPLE OF SMALL SMALL MODULE-->
    <div class="module sml-width sml-height">

    </div>

    <!--EXAMPLE OF MEDIUM SMALL MODULE -->
    <div class="module med-width sml-height">

    </div>

    <!--EXAMPLE OF SMALL SMALL MODULE-->
    <div class="module sml-width sml-height">

    </div>

</main>

和一些CSS

    * {
    padding:0px;
    margin:0px;
    font-family: Arial;
}



#main{
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.sml-width {
    width: 320px;
    background-color:#ccc;
}
.med-width {
    width: 640px;
    background-color:#000;
}
.sml-height {
    height: 320px;
    background-color:#ccc;
}
.med-height {
    height: 640px;
    background-color:#000;
}

谁能帮忙 - 我错过了一个设置吗？

4

1 回答 1

0

在与作者交谈后，他向我推荐了他拥有的另一种产品

http://packery.metafizzy.co/

这似乎运作良好。它实际上将块放入缺少的砖石没有做的空间中。

谢谢

担

于 2013-10-09T22:41:54.510 回答