強制行圖像

Question

我更像是一位設計師而不是編碼員，所以如果這個問題似乎頭腦發熱，答案顯而易見，我很抱歉。

無論如何，有了這樣的警告......我試圖創建一個頁面，其中的圖像是連續的，從屏幕的右邊緣延伸，以便用戶可以滾動以查看更多圖片。其他界面元素（如徽標和導航）已固定。

您可以在這裏看到的頁面：http://werewolf.phantomlimb.net/

，這裏的CSS：http://werewolf.phantomlimb.net/wolf.css

要刪除我已經離開浮動它們的圖像之間的空間。

我的問題是，爲了防止圖像纏繞，即使在container div和display：block的高度屬性，我也必須給div一個寬度值，在這種情況下是4000px。自動寬度例如使圖像包裝到一個新的線，這是我不要想！

因爲我可能並不總是知道組合圖像的確切寬度，有沒有一個寬度值，我可以使用它會強制圖像留在單行或其他一些CSS技巧？

非常感謝。

J

Answer 1

我會使用內聯塊來處理這種東西。

事情是這樣的：

#imgHolder{ 
    font-size: 0px; /* Remove the spaces between the images */ 
    white-space: nowrap; /* Prevent the images from wrapping */ 
} 

#imgHolder img{ 
    display: inline-block; 
    vertical-align: top; 
    height: 654px; 
    width: auto; 
} 

這裏有一個工作示例：

http://jsfiddle.net/155ukfwp/