css - 动态表定位

标签 css twitter-bootstrap

这里我有一些表格:

Valid XHTML .

我希望它们动态定位,因此在这种情况下,例如 3 号表应该在表 2 下方,不留空白。

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

最佳答案

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

更好、更复杂的解决方案是使用类似 Isotope 的方法或 Masonary.js .这两个 Javascript 库都非常出色,并且有很多特性和选项。请注意,根据选项集,他们可以重新排列表格的顺序(不是表格中的行,只是表格本身);不确定这是否是一个问题。

关于css - 动态表定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24935592/

相关文章:

javascript - 动画 Bootstrap 4 下拉菜单

ios - CSS 边框半径不适用于 iOS

php - 链接到选项卡式菜单

html - 悬停时将CSS应用于兄弟元素

css - 如何在不复制 CSS 的情况下覆盖 SASS 样式

html - 为什么我的 [span3] 类在 IE 中未对齐?

javascript - 格式化 Angular JS/Bootstrap 选项卡

html - Bootstrap 4 如何使两个选项卡 Pane 的高度相等?

jquery - 如何响应移动设备垂直居中一列图像

javascript - bootstrap-wysihtml5 不工作