在indexhibit中的响应水平滚动div有太大的宽度

Question

我在indexhibit中建立一个组合，其中所有页面的图像使用水平div来滚动浏览图像。

我不喜欢图像质量下降的方式，并希望它们显示为访客屏幕允许的大小（没有它），所以我让它们响应（高度：90％;宽度：汽车;）。

问题是：水平容器div的宽度是所有原始图像的大小（按照indexhibit格式设置） - 在所有图像的右侧留下大的空白区域。这是因为图像缩小以适应屏幕响应 - 所以我猜如果你有足够大的屏幕尺寸这些图像实际上是

如果我让容器div的宽度为auto，它显然会将图像分割到下一个线。

有什么我可以用CSS来解决这个问题 - 我没有信心用这个cms修改核心文件。

感谢

迈克·查默斯

Answer 1

我用图像进行显示的方式和inline-block的发挥各地解决它。容器需要进行一些更改才能使其水平显示。以下是基本代码：

#img-container { 
overflow-x: scroll; 
overflow-y: hidden; 
white-space:nowrap; 
} 
.img-div { 
    display: inline-block; 
}