javascript - HTML/CSS float left 自动填充空白

标签 javascript jquery html css web

我创建了一个连接到 sql 以获取作业状态的仪表板。每个作业集合都显示在设置为向左浮动的 Div 中。如果一切正常,它看起来如下所示:

enter image description here

当出现错误时,包含作业的 div 会自动扩展以显示作业,然后它看起来像:

enter image description here

我想知道是否有办法让其他 div 调整并移动到空白区域?我猜这不可能只使用 HTML 和 CSS,所以我愿意使用 jquery,如果有人知道任何可以轻松做到这一点的插件!

谢谢!

最佳答案

您可以使用 Masonry . Masonry 是一个 JavaScript 网格布局库。

关于javascript - HTML/CSS float left 自动填充空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31137603/

相关文章:

JavaScript 匿名函数 : how is this variable exposed in global namespace

javascript - 使用 ajax 在本地主机内将数据从客户端发送到客户端

javascript - 在 Shopify 中使用 ajax 更新购物车数量时避免使用产品类型

jQuery 从文本区域转义 HTML

php - 如何在两个特定关键字内获取html文件的所有文本

javascript - 如何在 Angularjs 中传递数据

javascript - JS : Load User Images From Personal Drive

javascript - 在循环中移动元素

javascript - 我可以在不重新加载浏览器的情况下编辑 React 组件吗?

javascript - 无需 JQuery 将 JSON 数据导入 TVML 项目