动态表定位

时间:2014-07-24 13:48:56

标签: css twitter-bootstrap

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

Valid XHTML

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

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

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

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

float:left

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

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