如何确保div和同位素没有空缺 [英] How to make sure there is no empty gaps with divs and isotope

问题描述

我正在尝试在 http://www.gablabelle.com/上创建网格布局

我有多个带有同位素的div，我不知道为什么会有一些空白，为什么浮动div不能填补空白.

与此处相同的问题:如何使用同位素避免间隙砌体布局

非常感谢您的时间和帮助.

解决方案

如果您的商品处于特定顺序，并且您不想通过调用shuffle方法来销毁"，这将是不可避免的.这样，即使在改组时，也无法保证某些元素跨越两列时要适合的类型.您也许可以改用此插件，但这是完全不同的逻辑. /p>

I'm trying to create a grid layout at http://www.gablabelle.com/.

I have multiple divs floating with isotope and I wonder why there is some empty spaces and why the floating divs are not filling the gaps.

Same problem as here: How to avoid gaps using Isotope with Masonry layout

Many thanks for your time and help.

解决方案

If your items are in a certain order which you don't want to "destroy" by calling the shuffle method, this will be inevitable. Then, even when shuffling, you can't guarantee the type of fit you want with some elements spanning two columns. You might be able to leverage this plugin instead but it's a very different logic.

这篇关于如何确保div和同位素没有空缺的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！