gpt4 book ai didi

javascript - Gridster 的替代品

转载 作者:搜寻专家 更新时间:2023-10-31 21:48:40 25 4
gpt4 key购买 nike

我正在尝试为像 gridster 这样的自动调整大小的网格系统找到类似的解决方案。

基本上我正在创建一个网格/仪表板/表格系统,我在其中接收这样的元素的动态结构:

  • rowPos:1,colPos:1,rowSpan:1,colSpan:1
  • rowPos:2,colPos:1,rowSpan:2,colSpan:1
  • rowPos:1,colPos:3,rowSpan:1,colSpan:2
  • rowPos:1,colPos:4,rowSpan:1,colSpan:1
  • rowPos:2,colPos:4,rowSpan:1,colSpan:1

enter image description here

因为每个元素都是相互独立的,所以我需要像 grisdter 系统一样设置它的 html:

<li data-row="1" data-col="1" data-sizex="1" data-sizey="1"></li>

我在我的项目中实现了 gridster 并且运行良好,但我需要一个响应式网格。我不需要 gridster 的拖放支持,只需要类似的结构来创建 html。

您可以提出类似解决方案的任何想法或项目。我是网络世界的新手。我找到了很多项目,但它们都根据元素的大小自动处理元素的位置。

提前致谢。

最佳答案

响应式网格有很多选项。我喜欢 responsivegridsystem.com 或 Foundation 的。但是,如果您搜索“响应式网格系统”,您会得到很多选择。

关于javascript - Gridster 的替代品,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29260703/

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