如何使用固定宽度的同位素或砌体?

时间:2011-06-13 22:27:48

标签: fixed-width jquery-masonry jquery-isotope

我无法找到一种方法来使用具有固定宽度外部容器的Isotope(或Masonry)。

它始终坚持重新调整大小。我查看了选项,代码,谷歌和这里,但没有找到答案。

甚至可能吗?

2 个答案:

答案 0 :(得分:3)

你的问题似乎是问题的倒退 我有。砌体最适合使用流体容器,但我希望我的中心固定宽度为980px(主要类别:边距:0自动;宽度980px;)

然后砌体不起作用......解决方法是找到中心或用于将所有内容包含到设定宽度的任何类,并将其从宽度更改为最大宽度:980px。这意味着您仍然在固定宽度居中的容器上,但是在调整浏览器大小时,砌体项目将重新调整/重新布局。

我有一个模块,我正在www.digi2020.com上工作 - 选择菜单 - >投资组合,你会看到这样做。我已经添加了许多花里胡哨的东西,但是对砖石的简单调用也会达到同样的效果。

检查并查看该页面上的.main类和JavaScript。

另一个在固定宽度上使用同位素的例子,不允许物品在调整大小时重新布局,但仍然提供过滤,可以在pressedweb.com/portfolio上找到

答案 1 :(得分:1)

通常,当您将外部容器设置为max-width时会发生这种情况。我使用了width:960px并且在调整浏览器窗口大小后它不会干扰砌体网格。也许检查外部容器的所有