我在indexhibit中构建一个投资组合，其中所有图像页面都使用水平div来滚动图像。
我不喜欢图像质量降低的方式，并希望它们看起来像访问者屏幕允许的那样大（没有它过去），所以我让它们响应（高度：90％;宽度） ：auto;）。
问题是：水平容器div的宽度是所有原始图像的大小（根据indexhibit格式构建） - 在所有图像的右侧留下一个大的空白区域。这是因为图像尺寸缩小以适应屏幕 - 所以我猜你是否有足够大的屏幕尺寸这些图像实际上是
如果我将容器div宽度设置为auto，它显然会将图像分割到下一行。
我可以用CSS做些什么来解决这个问题 - 我没有信心进入并使用此cms修改核心文件。
由于
Mike Chalmers
答案 0 :(得分：0)
我玩图像显示的方式和内联块解决了它。容器需要进行一些更改才能使其水平显示。这是基本代码：
#img-container {
overflow-x: scroll;
overflow-y: hidden;
white-space:nowrap;
}
.img-div {
display: inline-block;
}