1

看看这个小提琴。我正在尝试创建一个小画廊,用户可以通过移动鼠标来导航。

那个小提琴只是我在使用图像时遇到的问题的演示。目前,您可以看到随着图像向左滚动,它们“弹出”到行尾,而不是连续流动。

如果您overflow:hidden从 CSS 中脱离出来,您会看到图像包裹在多行上,这就是导致它们“弹出”到行尾而不是连续流动的原因。

如何强制图像保持在一条线上,从而达到连续流动的效果?

4

1 回答 1

4

添加

#gallery {
    white-space: nowrap;
}

http://jsfiddle.net/mattball/mwLDu/

它还具有您想要的尽可能多的浏览器兼容性。http://quirksmode.org/css/whitespace.html

于 2012-04-14T19:01:19.233 回答