Question

我这样开始砌成：

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

问题是.my-brick包含的图像比应该计算的列宽更宽。我原本希望脚本将item的width CSS属性设置为columnWidth，但不是这样，列的宽度与图片一样宽。

这是预期的行为吗？

Answer 1

是的。你必须用CSS设置.my-brick宽度。

建议使用网格系统。

如果您的布局包含具有多列宽度的项元素，则columnWidth选项用于设置动态列宽;按列，它表示项在DOM中设置的绝对位置。它使用columnWidth来确定项目之间的距离。如果未设置columnWidth，则会获取第一个项目的维度

jQuery砌体流体布局与图像

1 个答案: