我正在尝试创建一个两行三列的网格布局:
这很简单。我想知道如何扩展任何一个给定的单元格,导致其他单元格围绕扩展的单元格重新排列:
我不一定要寻找纯 CSS 解决方案。我让它工作,但我正在根据我正在扩展的单元格对绝对位置进行硬编码,这感觉很脏:/谢谢!
最佳答案
您可以使用像 TreeMap 这样的装箱解决方案。您可以对矩形进行排序并创建树并沿 2 轴拆分树。选择下一个元素并将其放在最佳的可用空间中。然后重新启动该过程。有一个 jquery treemap 插件。这是一个示例,但打包了光照贴图。这是一个伪代码:http://www.blackpawn.com/texts/lightmaps/ .
关于javascript - 动态调整网格单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20406893/