1

display:noneインライン スタイルの div 内に石積みコンテナがあります。いくつかの div があるため、ページが読み込まれると、ボタンがクリックされるとスライドショーのように切り替わります。これは、積荷の高さを測定する石積みの能力を妨げ、その結果、レンガがコンテナからこぼれます。

4

1 に答える 1

6

更新：私の答えの.load()一部は、これをどのように行うべきかではありません。

参照： http： //masonry.desandro.com/layout.html#imagesloaded

あなたはそれを修正することができます：

  • に追加overflow: hiddenして、内部のフロート要素.panelをクリアします。

  • .load()の代わりに組積造を実行する.ready()：

    <script type="text/javascript">
    $(document).load(function (){
      $('#contain').masonry({
        itemSelector: '.item',
        columnWidth: 100
      });
    });
</script>

これらの修正を含むバージョン：http：//jsbin.com/oyido4/4

于 2011-05-29T18:23:00.780 に答える