2

这是我第一次使用 jQuery Masonry 插件。

我遇到的问题是我正在使用两种尺寸的.boxes。所以有一个基本尺寸180x120px和两倍的尺寸`360x240px`

为了解释我的问题，我快速制作了我目前正在开发的网站的模型。

在此处输入图像描述

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

如您所见，由于 DOM 元素 nr5 是一个大框，因此右上角缺少一个“空格”。

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

有任何想法吗？

我正在使用的代码是这样的……</p> 

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

先感谢您。

4

1 回答 1

0

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

于 2012-11-07T14:00:43.537 回答