gpt4 book ai didi

javascript - 如何使用 JavaScript 划分 LI 列表?

转载 作者:太空宇宙 更新时间:2023-11-03 22:05:00 25 4
gpt4 key购买 nike

假设我的 Rails 3 应用返回一个 li 标签列表。想象一个图片库,其中每个 li 标签都包含一个小图片。

我想做的是确定屏幕的宽度,然后在向下移动到下一行之前只显示 5-7 个图像。

例如,假设我有一个宽屏显示器,我可能有:

IMG1 IMG2 IMG3 IMG4 IMG5 IMG6 IMG7
IMG8 IMG9 ...

但在较小的显示器上,我想要:

IMG1 IMG2 IMG3 IMG4 IMG5
IMG6 IMG7 IMG8 IMG9 ...

也许 JavaScript 不是执行此操作的最佳方式。在 Rails 中编写一些方法会更好吗?

感谢您的任何建议。

最佳答案

您可能应该只使用 CSS 来解决这个问题。使 LI float :向左移动,它们会适应可用空间。

关于javascript - 如何使用 JavaScript 划分 LI 列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7160089/

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