Html 为幻灯片放映在线显示图像

我正在尝试创建一个转盘flexbox，我面临着在容器内显示项目的问题

我希望项目列表以内联方式显示，并隐藏在容器后面。换句话说，我不想让它再吵架。更像一个滑块

以下是我到目前为止所做的

.转盘式集装箱{ 身高：100%； 显示器：flex； 填充：20px； 利润率：40px 20px； 溢出：隐藏； 位置：相对位置； 宽度：自动； 边框：1px纯红； 对齐项目：居中； 证明内容：中心； } .传送带项目{ 填充：0； 保证金：0； } .项目{ 边框：0.5px纯蓝色； 填充：10px； 保证金：1px； 显示：内联flex； 宽度：10%； } .项目>a{ 宽度：100%； 显示器：flex； 证明内容：中心； } .prev按钮、.next按钮{ 边框：1px纯绿色； } .导航{ 高度：120px； 宽度：60px； 保证金：0； 位置：绝对位置； 排名：0； 底部：0； 显示器：flex； 证明内容：中心； 对齐项目：居中； } .下一个按钮：悬停，.上一个按钮：悬停{ 背景色：红色； } .导航：活动{ 颜色：白色； } .下一个按钮{ 右：0； } .prev按钮{ 左：0； }

---

为转盘容器指定特定的宽度和高度，并使其处于隐藏状态。然后是包含幻灯片项目的旋转木马项目。为其分配至少比父div宽的宽度，或者使用jquery动态分配宽度。由于父项的宽度较短且溢出隐藏，因此它将显示它可以显示的项目。别忘了让li显示：内联

.转盘式集装箱{ 宽度：360px； 高度：200px； 溢出：隐藏； } .slidescontainer{ 宽度：840px； 高度：200px； } .转盘项目李{ 显示：内联； }

---

它解决了你的问题吗？好吧，它让我对大小有了一点了解，但不知怎么的，我试图一次显示4-5个图像，当你点击箭头时，它会滚动到其他5个图像扫描，你请创建一个JSFIDLE，这样我就可以修改你的代码了。让我看看：你为什么要把它变成flex div？你还没有写过jquery吗？还没有，我正在尝试先做css，然后添加点击事件