如何在不进入下一行的情况下向列表中添加更多项目？

Question

我的列表最多可以容纳6个项目，它的布局如下：

现在，我想让它超过6，但我不想在新行上显示额外的一个。

简单逻辑：如果有6个或更多项目，请在列表右侧创建它们并显示大>，以便用户知道还有更多。

我该怎么做？我可以使用CSS Carousel来完成这项工作吗？我需要JS吗？

Answer 1

查看Css中的overflow属性。 如果设置为滚动，则在提供适当宽度时剪切内容。 示例css如下所示

div {
    width: 100px;
    height: 200px;
    overflow: scroll;
}

祝你好运！