Javascript Microsoft metro风格的网格，动态构建

我想做一些jQuery插件，可以填充一个3x3的网格（比如微软的metro风格）。应该是这样的：

• 如果我有一个瓷砖，它应该采取整个网格（1-9）
• 如果我有两个瓷砖，它应该是一个瓷砖（1-6）和另一个瓷砖（7-9）
• 如果我有3个瓷砖，它应该需要（1-2和4-5），（3和6），（7-9）
• 如果我有5块瓷砖，它应该是（1-2），（3），（4-6），（7），（8-9）

等等

-------------
| 1 | 2 | 3 |
-------------
| 4 | 5 | 6 |
-------------
| 7 | 8 | 9 |
-------------

---

是否可以根据平铺的数量（最多9个）动态填充我的网格。有什么计算方法吗？

使用

显示：-ms flex

，使用

-ms flex Wrap:Wrap

。这将使您自动包装。你需要根据你想要的数量来调整你的物品大小

另一个选项是使用

-ms grid

，并根据项目配置列/行（和跨距）。

可能是JQuery:。StackExchange站点页面使用的：