看看这个fiddle。我正在尝试创建一个用户可以通过移动鼠标来导航的小画廊。
这个小提琴只是我对图像的一个问题的演示。目前，您可以看到，当图像向左滚动时，它们会“弹出”到行尾，而不是连续流动。
如果从CSS中取消overflow:hidden，您可以看到图像包裹在多行上，这就是导致它们“弹出”到行尾的原因，而不是连续流动。
如何强制图像保持在一条线上，从而实现连续的流动效果？
答案 0 :(得分：4)
添加
#gallery {
white-space: nowrap;
}
http://jsfiddle.net/mattball/mwLDu/
它也有你想要的浏览器兼容性。 http://quirksmode.org/css/whitespace.html