【问题标题】:How to divide or display the 'div' data as mulitple columns in html?如何在html中将'div'数据划分或显示为多列?
【发布时间】:2014-03-10 06:40:05
【问题描述】:

在我的页面中有大数据,大约 200 项。我需要像这样一个一个地显示新行。它占用了太多空间,需要滚动才能查看所有数据。 我决定将这 200 个项目显示为 4 或 5 列。请告诉我该怎么做? 请建议我在页面中显示 200(大数据)的任何好主意。有样品告诉我吗?

如何在 html 中动态填充多个列? 如果假设有 200 个项目,则将其分为 4 列,第一列为 50,第二列为 50,第三和第四列也为 50。如果添加了 201 项,则应动态添加第一列。如何使用 html 实现这一点?

谢谢

【问题讨论】:

  • 为什么@michal u 指向否定?
  • 不是我。只是固定拼写。你得到否定可能是因为你的问题没有显示出研究工作。
  • 我正在向@Michal 征求建议。一旦知道我会这样做

标签: javascript jquery html


【解决方案1】:

一次显示 200 个不是什么大任务,但首先取决于您的数据 分析您的数据 检查图像大小(如果存在) 然后决定显示多少数据 jquery中有很多链接检查jquery的延迟加载

http://www.appelsiini.net/projects/lazyload

https://plugins.jquery.com/lazy/

【讨论】:

    【解决方案2】:

    将这些 div 放入 <td></td>。更具体地说明您想如何做任何您想做的事情以获得更好的答案

    【讨论】:

    • 相同的 div 数据如何拆分并放在单独的 td 中?
    • 你说的是什么数据?您从哪里获取这些数据到您的页面?如果您向我们展示一些代码 sn-p 将会很有帮助。
    • 您可能会在 [此处][1] 找到答案。 [1]:stackoverflow.com/questions/8586846/…
    • 将 div 数据分成多列,每行应显示 40 项。
    猜你喜欢
    • 1970-01-01
    • 2019-05-20
    • 1970-01-01
    • 2021-10-25
    • 2010-09-17
    • 1970-01-01
    • 1970-01-01
    • 2017-10-10
    相关资源
    最近更新 更多