javascript - jQuery Masonry——限制窗口调整事件的最大宽度?

标签 javascript jquery max jquery-masonry css

我正在使用 jQuery Masonry显示方框网格(所有大小相同)。

Here is my testing site.

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

在 1270 像素及以上查看时,Masonry 不断在右侧添加列。

我在外部容器上设置了最大宽度,但 Masonry 似乎不承认它,只是不断扩大 Masonry 容器的宽度。

关于 Masonry Centered page ,你可以看到它是居中的,但是没有约束宽度。当您增加浏览器宽度时,它只会不断扩展并添加更多列。

我如何添加一个硬性规则来说明“这是最大宽度。停止尝试添加更多列。”

谢谢

更新 Here is a jsfiddle ,虽然我不确定它是否设置正确。最好只是去 my testing site 查看问题。

最佳答案

在砌体容器的父元素上设置 max-width 对我有用。这不是您想要的结果吗?

#wrapper { max-width: 990px; }

关于javascript - jQuery Masonry——限制窗口调整事件的最大宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10545188/

相关文章:

javascript - 在 Backbone View 中使用 jQuery 设置 contenteditable 样式

r - 如何从 data.frame 中的列获取最大值并获取所有记录

javascript - 无法从 iframe 中找到 FileHiddenName

javascript - 警告 Prop `href` 不匹配。使用 React 服务器端渲染

javascript - 子div向上滑动后如何保持父div的高度不变?

javascript - JQuery 并在 TD 元素上查找以删除 BR

javascript - 抓取数据、 headless 浏览器和 Python

javascript - 当元素位于窗口顶部时添加类

max - EBNF 最大代币

android - MySQL SELECT MAX() 查询