jQuery 砌体 - 在窗口调整大小事件中限制为最大宽度

jQuery Masonry—Constrain to a Maximum Width on Window Resize Event?

本文关键字：小事件砌体窗口大小事调整 jQuery 更新时间：2023-09-26

我正在使用jQuery Masonry来显示一个框网格（大小都相同）。

这是我的测试网站。

当浏览器宽度为 1100 像素或以下时效果很好。

当以 1270px 及以上查看时，砌体不断在右侧添加列。

我在外部容器上设置了最大宽度，但砌体似乎没有承认这一点，只是不断扩大砌体容器的宽度。

在"砌体居中"页面上，您可以看到它居中，但没有约束宽度。当您增加浏览器宽度时，它只会不断扩展并添加更多列。

我怎么能添加一个硬性规则说，"这是最大宽度。停止尝试添加更多列。

谢谢

更新这是一个jsfiddle，尽管我不确定它是否设置正确。最好只是去我的测试站点查看问题。

在砖石容器的父元素上设置max-width对我有用。这不是你要找的结果吗？

#wrapper { max-width: 990px; }