中心点周围的渲染元素

Question

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

在该中心是一个搜索框（固定在页面的中心），并围绕它是动态加载不同大小的搜索结果（虽然，如果需要的话，这些可以被限制）。事情是，他们需要在结果加载完成后在搜索框中“换行”。我的正常工作是浮动的，但这并不是真正的工作，因为这个盒子没有与特定的方向对齐。

我已经看过jQuery Masonry的解决方案，但它不会为我工作（不检测固定的元素，从一个点不工作）。

在解决方案或Google-Fu方面的任何指标都将不胜感激。

Answer 1

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

既然你有一个中央固定的盒子，也许你可以把你的可用空间分成4个矩形，然后把这些盒子装入它们中。