用不同的形状填充不同形状的div

Question

我正在尝试制作一个小部件，用较小的div（代表较小的内容，如图像，文本，链接等）填充div。我们的想法是所有的div都有前面决定的尺寸，为了更容易理解，我将使用简单的单位。

例如上图中的形状是：
A = 2x1
B = 1x2
C = 1x1
小工具大小= 2x10

让我们说我想提供各种新闻，我们所知道的是：
- 我们总是得到10条新闻 - 以及每条新闻的大小。

 我的问题是，如果我有可用的形状，我想填补所有可能的空白。
我试着简单地浮动元素来填充小部件，但这会让我留下空白。所以问题是如何处理这个问题，所以人们可以在没有间隙的情况下用A，B，C的形状填充小部件 我大声使用基本的东西，比如html / css / js / jquery，没有插件。

让我们说我们有新闻的例子：A，C，B，A，C

我只想获得指导，不需要完整的源代码Ty

Answer 1

这是一种可能的方法： http://download.opensuse.org/repositories/network/SLE_12/

我没有做太多测试，我认为会有空格（取决于元素和列数）。

平铺位置一个接一个地处理，每个位置都放在第一个空间中，足以容纳它。

更改内容时，请务必调整width和height的{​​{1}}和boxes。