javascript - 是否可以将元素打包在一起以优化空间使用?

标签 javascript html css packing

有没有可能让下图中的元素以某种方式更紧密地打包在一起?最好使用 css,但如果不可能,也欢迎使用 javascript 解决方案。

我希望所有元素都尽可能紧密地排列在一起,以尽量减少它们占用的空间。这些元素当前跨越 display:inline-block。我试图用 float:left 等更改为 block ,但我总是以低效的元素行结束。那预期的方式,我只是说我不希望在这种情况下是这样的:P

elements

有聪明的头脑可以帮助我吗?

最佳答案

如果您正在寻找更复杂的解决方案,请查看 jQuery masonry 插件。链接在这里:jQuery masonry plugin

关于javascript - 是否可以将元素打包在一起以优化空间使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10776249/

相关文章:

javascript - js 中的 elem.offsetParent

javascript - 如何从数组数组中获取整数?

javascript - 在 HTML 和 AngularJS 中为选定的选项标签实现 ng-if 和 ng-repeat

c# - 使用 C# 代码 (ASP.net) 选择 CSS 样式

javascript - 如何在本地存储或用户设置的cookie中实现数据存储?

css - 如何在 typescript 中调用线性渐变函数?

javascript - 如何轻松复制拖放卡片的 trello 风格? (看板风格的应用程序)

javascript - Node.js 导出方法外观设计模式

javascript - 从嵌套在 Javascript 中的 iframe 标签中删除垂直滚动条

php - Shopify (liquid) - 如果页面模板等于,则将类添加到 div