2012-07-24 118 views
1

如何解决在下面的的jsfiddle示例的间隙:如何对同位素中的元素进行重新排序/重新排序以填补空白?


http://jsfiddle.net/3443Y/1/

+0

您可以在一定程度上“修复”您的布局概念1.确保使用不太宽的元素,有效地“阻塞”许多列,然后2.使用随机播放选项随机化布局。在每个reLayout中,您的布局查看器可能会经常看到无间隙布局,但并非总是如此。如果您按照特定顺序对元素进行排序,那么对于变量大小将没有解决方案。请参阅http://isotope.metafizzy.co/demos/elements-complete.html,其中可变尺寸切换并应用几次。 – Systembolaget 2012-07-25 18:40:01

回答

0

砌体和同位素是最大化在一列砖的数量,而不是最小化在底部或顶部或在间隙中间。您只能更改砖块的顺序或添加另一列,即更改周围容器的宽度。例如,用书籍填充书架是个麻烦的问题,一个好的解决方案的快速算法是1d bin-packing或kd-tree。看一个kd树的好描述在这里:http://www.blackpawn.com/texts/lightmaps/default.html