动态表定位

Question

我在这里得到了一些表格：

我希望它们能够动态定位，所以在这种情况下，例如3号表应该在表2下方，不留空格。

有可能吗？我怎样才能完成这件事呢？

Answer 1

最简单的方法是使用CSS浮点数（http://jsbin.com/xibuwaso/2/edit）。在某种程度上，将尽可能将表格排列到可用空间中。它并不完美;但这是一个简单的解决方案。

更好，更复杂的解决方案是使用Isotope或Masonary.js之类的内容。这两个Javascript库都非常出色，并且具有很多功能和选项。请注意，根据选项集，它们可以重新排列表的顺序（不是表中的行，只是表本身）;不确定这是不是一个问题。

Answer 2

您可以尝试使用float。示例：http://jsfiddle.net/3S37c/1/

float:left

但也许你可能会遇到一些问题，具体取决于你的css的复杂程度。

有一些JS库可以完成这项工作。