圍繞中心點渲染元素

Question

我有一個棘手的問題，我找不到答案。 基本上，這就是我所擁有的：

中心是一個搜索框（固定在頁面的中心），周圍是動態加載的大小不同的搜索結果（不過，如果需要，可以將其限制）。 事實是，加載結果后，他們需要在搜索框中“包裝”一下。 我的常規選擇是浮動的，但這並沒有真正起作用，因為盒子未與特定方向對齊。

我已經在jQuery Masonry上找到了解決方案，但是它對我不起作用（不會檢測到固定元素，從某種意義上來說是行不通的）。

對於解決方案或Google-Fu方面的任何建議，我們將不勝感激。

Answer 1

這類似於在正方形上填充不同大小的紋理。 看看這個算法： http : //www.blackpawn.com/texts/lightmaps/default.html

由於您有一個固定的中央盒子，也許您可​​以將可用空間划分為4個矩形，然后將它們包裝到其中。