Isotope 预装了 Wordpress 主题。一切正常,但通过过滤,布局表被打破,所以有漏洞。显然这是因为项目总数。
带滤镜:图片库:http ://www.lrguas.ch.preview02.net4all.ch/multimedias/
问题的想法?
请注意,我没有限制要显示的项目数量。预先感谢您的帮助。问候马修
Isotope 预装了 Wordpress 主题。一切正常,但通过过滤,布局表被打破,所以有漏洞。显然这是因为项目总数。
带滤镜:图片库:http ://www.lrguas.ch.preview02.net4all.ch/multimedias/
问题的想法?
请注意,我没有限制要显示的项目数量。预先感谢您的帮助。问候马修
可能是一个简单的解决方案:在 Chrome 的 devtools 中检查 8 个过滤后的图片项目时,它们具有不同的宽度,使一些元素进入下一行,留下一个洞。如果您确保每个同位素元素具有相同的宽度,对应于您的列宽,那么它应该可以工作。
国际友谊,学生档案,学术生活:225 px
Bluche 地区,Bulle 地区,社会和体育活动,Bluche 校园设施,Bulle 校园设施:235px
所以,我要尝试的第一件事是在 .work-item 类上设置正确的边距,或者每个 Isotope 项目的任何元素确定 Isotope 布局引擎的宽度,对应于您的列宽。