同位素jquery组合取决于项目的数量

时间:2012-08-16 12:28:01

标签: jquery-isotope

Isotope预先安装了Wordpress主题。一切正常,但通过过滤,布局表被打破,所以有漏洞。显然这是因为项目总数。

使用过滤器:图片库:http://www.lrguas.ch.preview02.net4all.ch/multimedias/

问题的想法?

请注意,我没有限制要显示的项目数。 预先感谢您的帮助。 问候 马修

1 个答案:

答案 0 :(得分:0)

可能是一个简单的解决方案:当检查Chrome的devtools中的8个已过滤的图片项目时,它们具有不同的宽度,使得一些元素转到下一行,留下一个洞。如果确定每个Isotope元素具有与列宽相对应的相同宽度,那么它应该可以工作。

国际友谊,学生作品集,学术生活:225 px

Bluche Region,Bulle Region,社交和体育活动,Bluche校园设施,Bulle校园设施:235px

所以,我首先尝试的是在.work-item类上设置正确的边距,或者每个Isotope项目的任何元素确定Isotope的布局引擎的宽度,对应于您的列宽。