足夠好的動態對象包裝

Question

使用javascript，我的目標是將一組設置大小的對象打包到一個給定水平寬度的容器中，同時保持大致的初始順序。白色空間並不是一個特別的問題，但其目的是將其最小化。

手動，我可以完成這個少量對象的俄羅斯方塊樣式。

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

我的javascript是合理的，但我很想有一些示例代碼或算法來實現我的實現。我意識到這可能是在那裏，我只是不確定究竟要尋找什麼。

- 哈羅德

Answer 1

你需要的是Masonry。這個lib將盡可能少地使用不可用的空間。如果你有問題，看看here。