gpt4 book ai didi

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

转载 作者:数据小太阳 更新时间:2023-10-29 04:21:44 24 4
gpt4 key购买 nike

在我的 Angular 应用程序中,我使用 ui-sortable 对 <ul> 进行排序.

元素本身是可以调整大小的。

这类似于我的设置:

enter image description here

我希望“4”和“5”使用它们顶部的空间:

enter image description here

这是一个fiddle .请注意,这是一个过于简化的示例,元素实际上可以由用户调整大小和排序。

像 masonry 这样的库不会这样做,因为它们使用绝对定位的元素,这将取消 ui-sortable 的工作方式,调整大小也不会插入元素的。

那么我该如何实现呢?

  • 我是否理解正确,这对于仅使用 css 的解决方案是不可能的?该 flexbox 将获取最高元素的高度并将该高度放入“行”
  • 有没有不依赖position: abolute的js解决方案,或者更确切地说,它仍然会让我排序?
  • 摆脱我已有的库,我有哪些选择?
  • 我有哪些选择可以摆脱我已有的库?

最佳答案

我相信我也遇到过类似的问题。我最终选择了 http://isotope.metafizzy.co .然后,一旦用户更改框的大小(或顺序),您可以在 UI 回调上运行一个方法来重新布局框:http://isotope.metafizzy.co/methods.html#layout

关于javascript - 使用具有可调整大小和可排序元素的 flexbox 进行砖石布局的选项有哪些,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30085064/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com