算法在一个较大的矩形

Question

嵌合不同尺寸的矩形我需要一种算法来计算用于矩形最佳拟合在一个较大的矩形..和较大的矩形动态变化的大小。更多细节：

我使用Code52 Metro UI的项目：http://code52.org/metro.css/

我只使用一个瓦面行和所有的瓷砖具有“浮动：左”定义。当所有的瓷砖尺寸相同时，这种效果非常好。用户可以将浏览器的大小调整为任意宽度，并且瓷砖之间相互“下拉”。现在问题出现在我想要不同的瓷砖尺寸时。这打破了一切，很明显为什么人们通常将城域用户界面设计为固定宽度。那么，如果可能的话，我需要采用流畅的布局。瓷砖尺寸预先定义如下：

Single: 130px x 130px 
Double Horizontal: 130px x 280px 
Double Vertical: 280px x 130px 
and Double Both: 280px x 280px 

容器是流体，因此宽度/高度动态变化。

我需要的是一个算法做出最适合的瓷砖..所以任何空的空间将只在右下角，而不是用砖混合。这里有任何想法的数学天才？

Answer 1

你可能想看看jQuery Masonary。它旨在为任何尺寸的瓷砖都做到这一点。头版上的例子甚至与您正在尝试做的事情完全相同。