如何讓圖像留在一條長長的線上？

Question

看看這個fiddle。我正在嘗試創建一個小型圖庫，用戶可以通過移動鼠標進行導航。

這小提琴只是我與圖片有問題的演示。目前，您可以看到，隨着圖像向左滾動，它們「彈出」到該行的末尾，而不是連續流動。

如果從CSS中取消overflow:hidden，可以看到圖像包裝成多行，這就是導致它們「彈出」到行尾的原因，而不是持續流動。

我怎麼能強制圖像留在一條線，從而實現了連續流動的影響？

Answer 1

添加

#gallery { 
    white-space: nowrap; 
} 

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

它有儘可能多的瀏覽器兼容性，你能想到，太。 http://quirksmode.org/css/whitespace.html