Css 列表元素应正好显示5项

我有一个包含100个元素的列表，但我只想用一个垂直滚动条一次显示5个元素。

没有固定的高度，可以根据其内容（从数据库中获取）而变化。问题是我可以保持

的固定高度，它可以显示5个项目，但有时当

中的内容跨越多行时，最后一个元素会被向下推

---

所以问题是，有没有一种方法不使用javascript/jquery，其中

的高度始终等于包含的前5个

元素。

仅使用CSS可能无法做到这一点。只有当

ul

的高度不适合其内容时，才会弹出常规滚动条，只有当高度不依赖于其子项（在设计时高度未知）时才会出现这种情况

此外，滚动通常是“连续的”：您可以显示项目的一部分。您似乎在寻找更多的“离散”滚动：向下一个“勾号”意味着顶部的

li

被“滚动”掉，下一个

li

被添加到底部

---

我认为您应该寻找替代方案，要么使用固定高度的、带有滚动条的

li

s，要么使用带省略号的溢出和带全文的弹出框组合，或者使用某种JavaScript解决方案。

您的列表的确切限制是什么？1000000也可能吗？就我的具体用途而言，1000的上限在未来几年内已经足够了，但这又有什么关系呢？我就是这么想的。不过，我还是要澄清我的问题。“连续”卷轴对我来说已经足够好了。一旦ul的高度固定为显示前5项，即使在用户滚动之后，我也需要固定该高度。所以，我甚至不需要你所说的一个记号卷轴。我想我可以计算前五个项目的高度，然后使用javascript在页面加载时为这个特定问题设置UL的高度。是的，连续滚动只是一个问题。Javascript很可能是最简单的，如果不是唯一的解决方案的话（尽管像flexbox这样的CSS3模块很可能包含一个解决方案）。