Javascript 围绕中心点渲染元素

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

中间是一个固定在页面中心的搜索框，搜索框周围是动态加载的不同大小的搜索结果，但如果需要，这些搜索结果可能会受到限制。问题是，他们需要在结果加载后环绕搜索框。我的正常“go to”是浮动的，但这实际上不起作用，因为长方体未与特定方向对齐

我已经研究了jQuery砖石结构的解决方案，但它对我来说不起作用，因为它不检测固定元素，从某个角度看不起作用

---

任何关于解决方案或Google Fu的建议都将不胜感激。

这类似于在正方形上填充不同大小的纹理。看看这个算法：

---

由于您有一个固定的中央长方体，您可以将可用空间分成4个矩形，然后将长方体打包。

这类似于将不同大小的纹理打包在正方形上。看看这个算法：

---

由于您有一个中央固定框，您可以将可用空间分成4个矩形，然后将这些框打包。

从这里开始，谢谢您的帮助。关于这个问题，最困难的事情之一是试图用文字来描述它。从这里开始，谢谢你。关于这个问题，最困难的事情之一是试图用文字来描述它。你知道，我在考虑使用象限法依次填充它们，但我不确定我是否走上了正确的道路。谢谢你的提示！你知道，我在考虑使用象限法依次填充它们，但我不确定我是否走上了正确的轨道。谢谢你的提示！