2012-07-10 86 views
0

我有一個父div,裏面有一堆子div。我希望孩子divs水平擺放在旁邊。這意味着不能將父div設置爲確切的寬度量,因爲圖像數量一直會變化。所以我推測將父div設置爲寬度:100%,那麼其中的兒童div項我會浮動:左。100%父div與浮動左側圖像裏面

只有當我給父div一個與其中所有子div的寬度匹配的設置寬度時,它纔會起作用。有沒有辦法讓它100%並且把孩子們的臥室並排放置在家長的內部。

+0

因此,如果窗口太小,你不希望孩子們換到兩行? – sachleen 2012-07-10 15:30:46

+0

正確。他們應該在水平行中顯示所有內容,而瀏覽器窗口外部的內容仍然在一行中,但您不會看到它們。 – Chapsterj 2012-07-10 15:35:06

+0

不會看到它們或將有滾動條 – sachleen 2012-07-10 15:36:38

回答

0

看看這個example fiddle - 這是你想要的嗎?

從本質上講,你只需要聲明下面就您的包裝股利,這就是所有

#wrapper{ 
white-space:nowrap; 
overflow:hidden; /* whatever suits you - could be scroll as well*/ 
} 

你並不需要浮動的圖像,因爲它們是每默認沒有塊級元素。

+0

謝謝克里斯托夫,但你在FF的例子並沒有顯示水平坐在一排的圖像。他們似乎正在包裝到下一行。 – Chapsterj 2012-07-10 15:47:36

+0

FF有空src屬性的問題。我調整了小提琴,現在再試一次。 – Christoph 2012-07-10 15:56:59

+0

好吧,我會試着去看看爲什麼我的工作不正常。它有點難以打破所有的代碼並將其發佈到這裏。如果我不能從你的例子中得到它的工作,我會嘗試把我的工作分解成一個工作的例子。 – Chapsterj 2012-07-10 16:07:15