我有一個父div,裏面有一堆子div。我希望孩子divs水平擺放在旁邊。這意味着不能將父div設置爲確切的寬度量,因爲圖像數量一直會變化。所以我推測將父div設置爲寬度:100%,那麼其中的兒童div項我會浮動:左。100%父div與浮動左側圖像裏面
只有當我給父div一個與其中所有子div的寬度匹配的設置寬度時,它纔會起作用。有沒有辦法讓它100%並且把孩子們的臥室並排放置在家長的內部。
我有一個父div,裏面有一堆子div。我希望孩子divs水平擺放在旁邊。這意味着不能將父div設置爲確切的寬度量,因爲圖像數量一直會變化。所以我推測將父div設置爲寬度:100%,那麼其中的兒童div項我會浮動:左。100%父div與浮動左側圖像裏面
只有當我給父div一個與其中所有子div的寬度匹配的設置寬度時,它纔會起作用。有沒有辦法讓它100%並且把孩子們的臥室並排放置在家長的內部。
看看這個example fiddle - 這是你想要的嗎?
從本質上講,你只需要聲明下面就您的包裝股利,這就是所有
#wrapper{
white-space:nowrap;
overflow:hidden; /* whatever suits you - could be scroll as well*/
}
你並不需要浮動的圖像,因爲它們是每默認沒有塊級元素。
因此,如果窗口太小,你不希望孩子們換到兩行? – sachleen 2012-07-10 15:30:46
正確。他們應該在水平行中顯示所有內容,而瀏覽器窗口外部的內容仍然在一行中,但您不會看到它們。 – Chapsterj 2012-07-10 15:35:06
不會看到它們或將有滾動條 – sachleen 2012-07-10 15:36:38