jQuery UI可排序 - 使用不同的宽度一个接一个地保持div

Question

我遇到了问题 - 我想在列表中使用jQuery UI可排序插件，这些插件具有不同的项目宽度，例如1 li具有100％的总宽度，另一个具有50％的总宽度宽度。
当元素具有不同的高度时，问题就开始了 - 它一个接一个地浮动（就像float的任何普通元素一样），但是我希望它们不要在下一个项目之间有空格，如下图所示：{ {3}}

我找到了一些关于它的东西 - 但是我发现所有东西都是关于2列链接的东西，它对我没有帮助，因为我不能使用100％宽度的元素..

这是我的可排序区域：http://i.stack.imgur.com/tMOBS.jpg

非常感谢

Answer 1

只需关注the docs即可。可排序+浮动=有趣。示例：jsFiddle

编辑：对不起乔，我误解了你的问题。为了创建具有不同高度的事物网格，您无法使用float s。实际上，很少有方法可以布置具有不同宽度和高度的东西。像Masonry那样以编程方式执行此操作是唯一可以想到的事情;如this demo所示。