0

私は次のようにメイソンリーを始めます：

container.imagesLoaded(function () {
        container.masonry({
            itemSelector: '.my-brick',
            columnWidth: function (containerWidth) {
                return (containerWidth - 80) / 4;
            }
        });
});

問題は、.my-brickcolumnWidth を計算するよりも幅の広い画像が含まれていることです。スクリプトが項目の CSS プロパティを columnWidth に設定することを期待していましたwidthが、そうではなく、列が写真と同じ幅になります。

これは予想される動作ですか？

4

1 に答える 1

1

はい、そうです。.my-brickCSSで幅を設定する必要があります。

グリッドシステムをお勧めします。

このcolumnWidthオプションは、レイアウトに複数の列幅を持つ項目要素がある場合に動的な列幅を設定するためにあります。列とは、項目が DOM で設定される絶対位置を意味します。columnWidthアイテム間の距離を決定するために使用します。が設定されていない場合columnWidth、最初のアイテムの寸法が使用されます

于 2013-04-12T01:10:46.877 に答える