如何使图像以容器的 100% 宽度水平滚动

Question

我想制作一个在 x 轴上可滚动的 div，并希望以 100% 的容器宽度和可滚动渲染图像，以便单个图像将出现在容器视图中

但我最终在屏幕视图中渲染了所有图像

这是我的代码

我希望所有图像都可滚动，但图像宽度具有容器宽度

Answer 1

将此添加到每个直接孩子flex: 0 0 100%;

这对父母

display: flex;
flex-wrap: nowrap;  // this may be the default
overflow: auto;