javascript - 足够好的动态对象打包

标签 javascript css packing tetris

我的目标是使用 javascript 将一组设定大小的对象打包到给定水平宽度的容器中,同时保持近似的初始顺序。空白不是一个特别的问题,但目的是将其最小化。

我可以手动为少量对象完成这种俄罗斯方 block 样式。

| +---+ +-----+ |
| | 1 | |  3  | |
| +---+ +-----+ |
| +------+      |
| |   2  |      |
| +------+      |
| +--+   +----+ |
| |4 |   |  5 | |
| +--+   +----+ |

我的 javascript 是合理的,但我希望有一些示例代码或算法来作为我的实现的基础。我意识到这可能在那里,我只是不确定到底要寻找什么。

— 哈罗德

最佳答案

你需要的是Masonry .这个库会尽量减少不能使用的空间。如果您遇到问题,请查看 here .

关于javascript - 足够好的动态对象打包,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7292129/

相关文章:

javascript - Promise.all 内含 Promise 链

javascript - 在 vue.js 中删除任务

javascript - HTML5中我们如何找到LocalStorage的各种属性

javascript - 具有不同计时器的网页上的多个轮播

algorithm - 2D装箱量变化的算法

javascript - 在 sinon.js 中 stub 和/或模拟一个类?

css - 在输入元素 Ionic 的中间垂直对齐 float 标签

css - 如何拉伸(stretch)文本以占据整个高度和宽度

c++ - 通过更改窗口大小获得不同的标题大小

algorithm - 有效地删除一组数字中的空格