使用具有可调整大小和可排序元素的flexbox进行布局的布局有哪些选项

Question

在我的角度应用中，我使用ui-sortable对<ul>进行排序。

元素本身可以调整大小。

这类似于我的设置：

我希望那样＆＃34; 4＆＃34;和＆＃34; 5＆＃34;使用它们顶部的空间：

这是fiddle。请注意，这是一个过于简单的示例，并且元素实际上可由用户调整大小并可排序。

像砖石这样的图书馆不会因为他们使用绝对定位的元素，这将取消ui-sortable的工作方式，调整大小也不会推动元素。

那我怎么能实现这个目标呢？

• 我是否正确理解仅使用css解决方案无法做到这一点？该弹性框将获得最高元素的高度，并将该高度放在＆＃34;行＆＃34; 。
• 是否有任何js解决方案不依赖于position: abolute，或者更确切地说，它仍然会让我排序？
• 我有哪些选择没有摆脱我已经拥有的库？
• 我有什么选择摆脱我已经拥有的图书馆？

Answer 1

我相信我遇到了类似的问题。我最终选择了http://isotope.metafizzy.co。然后，一旦用户更改了框（或订单）的大小，您就可以在UI回调上运行一个方法来重新布置框：http://isotope.metafizzy.co/methods.html#layout