0
  • 我的列表中有 15 个项目
  • 我有 10 个这样的清单
  • 每个列表应该在页面上最多占据 1 行
  • 溢出项目应通过“NEXT”或“PREV”按钮导航。
  • 为了显示每个列表中的项目,我“浮动:左”。
  • 但随后溢出项目将换行到下一行。

现在,我正在为我的笔记本电脑屏幕尺寸做一些修改:

  • 我 .hide() 每个列表的窗口加载时的所有项目
  • 然后 .show() 每个列表的前 4 个项目
  • 我已经相应地配置了下一个和上一个按钮。

我很肯定这是错误的。但它让我看到了我想做的事情的外观和感觉。

请建议我正确的方法。所有主要网站都处理这个问题。这是很常见的问题。我现在只是一无所知。

4

2 回答 2

1

实现这一目标的最简单方法可能是:

  1. 不要使用 float:left,只需使用常规的内联显示。
  2. 对于容器元素,使用溢出:隐藏。
  3. 将容器元素包裹在外部容器中,也使用溢出:隐藏。
  4. 现在,当用户单击下一个/上一个时,调整/动画内部容器的边距,使其滑过以显示其他元素。
于 2012-08-05T02:35:24.013 回答
0

我想我通过另一个 SO 响应解决了这个问题:

如何将第一个孩子移动到最后?

感谢你的帮助

于 2012-08-05T18:42:32.127 回答