必須放置在一條水平線（滾動）的圖像陣列

-2

我剛設計了一個投資組合網站。我有一整列圖像，我想保留在一行（水平滾動）。這隻發生在我爲周圍div設置固定寬度時（在這種情況下，類爲'.post-images'），寬度足以包含所有圖像。如果圖像的數量和寬度不是動態的，這可能會很好。不幸的是，這不是這種情況。我希望這個div能夠環繞所有圖像，而不是讓它們漂浮。我試圖設置div的位置（'.post-image'）到'white-space：nowrap'，但無濟於事。必須放置在一條水平線（滾動）的圖像陣列

在這裏看到一個例子：Link

我怎樣才能解決這個問題呢？我希望有人願意給我在這裏手;）

感謝，

的Jeroen

來源

2009-09-24 Hype1

我想你應該在doctype.com上提出這個問題。本網站嚴格關於編程，而不是網頁設計。（雖然JavaScript編程相關） – Joren 2009-09-24 14:26:09

不知道這個...我看到很多與CSS相關的問題。 – Hype1 2009-09-25 14:53:51

更換爲.post_images和CSS .post_image有：

.post_images { white-space:nowrap; } 
.post_image { display:inline; }

有效，這使得包裝<div class="post_image">元素多餘（即display:inline）;你可以刪除它們。

一般來說，大多數元素的寬度都是根據它們的容器的大小來確定的，它們的大小爲;如果您希望元素根據內容進行尺寸調整，則需要使用<table>,display: table或單行。

編輯：都white-space:nowrap和display:inline已經支持所有的主流瀏覽器的年（IE，回到IE 5.5一路）。

來源

2009-09-24 14:40:45

顯示：內聯似乎在IE中不起作用，但顯示：表格單元格，儘管您需要添加填充圖像並在滾動框的最右側對邊距/填充進行分類。 – 2009-09-24 14:49:04

你一定是犯了一個錯字或什麼的;這些CSS的聲明已經支持了很多年... – 2009-09-24 17:20:23

感謝您的回答。但這並不能解決我的問題。我試圖改變像Eamon一樣的CSS無濟於事。內聯樣式不會在其容器中產生水平滾動（div帶'.post-content single' – Hype1 2009-09-25 14:50:19

必須放置在一條水平線（滾動）的圖像陣列

回答

相關問題