按宽度排列标签以适应容器答案

【问题标题】：Arrange tags by width to fit container按宽度排列标签以适应容器
【发布时间】：2021-02-08 04:57:22
【问题描述】：

我已经制作了标签组件，每个标签都有不同的宽度。

容器用最大宽度固定，这会强制标签以正确的顺序排列以适应最大宽度，这是问题的一个示例。

想知道您是否知道如何重新排序标签以适应容器中的有效布局？

谢谢，

【问题讨论】：

你想要这样的东西吗？ nimb.ws/gLYbtX
我很确定这是一个极其复杂的问题，您不应该尝试在浏览器上解决。但是，如果你真的想这样做，并且标签的数量仍然很少，你总是可以暴力破解它（尝试每个订单并保留最小高度的那个）。

【解决方案1】：

您应该研究将矩形打包成矩形的问题。这是一个小的article with a code example。每次标签容器的大小发生变化（resize 事件触发）时，您都应该重新呈现按上面示例中的脚本排序的标签列表。当然，脚本应该首先适应您的特定情况。

【讨论】：