围绕中心点渲染元素

Question

我有一个棘手的问题，我找不到答案。基本上，这就是我所拥有的：

在中心是一个搜索框（固定在页面的中心），并在它周围动态加载不同大小的搜索结果（尽管如果需要，可以限制这些）。事实是，他们需要在加载结果后在搜索框周围“包裹”。我的正常情况是浮动，但这并不是真的有用，因为盒子没有与特定方向对齐。

我已经看过jQuery Masonry的一个解决方案，但它对我不起作用（没有检测到固定元素，从一点开始不起作用）。

对解决方案或Google-Fu的任何指示都将非常感激。

Answer 1

这类似于在正方形上包装不同尺寸的纹理。看看这个算法：http://www.blackpawn.com/texts/lightmaps/default.html

由于你有一个中央固定盒子，也许你可以将你的可用空间分成4个矩形，然后把盒子装进去。