jQuery Masonry：无论dom顺序如何，repositon dom元素？

Question

这是我第一次使用jQuery Masonry Plugin。

我遇到的问题是我正在使用两种尺寸的.box es。所以基本大小为180x120px，大小为“360x240px”。

为了解释我的问题，我快速模拟了我正在进行的网站。

你在这里看到的是我已经使用砌砖的网格。方框中的数字表示DOM中框的顺序。

正如您所看到的，右上角缺少“空格”，因为DOM-element nr5是一个大盒子。

现在我的问题 是否有可能（或者是否有砌体设置），以便在这种情况下，Nr.7会漂浮到右上角？我只是不想留下任何空格！

有什么想法吗？

我正在使用的代码是......

$wall.masonry({ 
          columnWidth: 180, 
          itemSelector: '.box:not(.invis)',
          animate: true,
            animationOptions: {
              duration: 650,
              easing: 'linear',
              singleMode: true,
              queue: true
            }
        });

提前谢谢。

Answer 1

如果它解决了您的问题，请尝试使用wookmark jquery插件。 wookmark插件与砌体相同，它也使用bin-packing算法。但我不认为砌体插件会浪费空间，因为组合太多了。这是一个完整或困难的问题。当你能在多项式时间内解决它时你是一个有钱人！？