看看这个小提琴。我正在尝试创建一个小画廊,用户可以通过移动鼠标来导航。
那个小提琴只是我在使用图像时遇到的问题的演示。目前,您可以看到随着图像向左滚动,它们“弹出”到行尾,而不是连续流动。
如果您overflow:hidden
从 CSS 中脱离出来,您会看到图像包裹在多行上,这就是导致它们“弹出”到行尾而不是连续流动的原因。
如何强制图像保持在一条线上,从而达到连续流动的效果?
添加
#gallery {
white-space: nowrap;
}
http://jsfiddle.net/mattball/mwLDu/
它还具有您想要的尽可能多的浏览器兼容性。http://quirksmode.org/css/whitespace.html