2013-04-02 84 views
4

有沒有解決我的問題的方法,如圖所示?CSS中的垂直浮動元素?

http://i.imgur.com/6uhxlNm.png

我有一個DIV標籤具有固定高度。 在這個元素中,我有一個List。 此列表應像列一樣浮動。 列表元素具有固定的寬度。 如果Div-Tag中有「太多」元素,它應該水平滾動。 列和元素的數量沒有修復。 它也應該在舊瀏覽器中工作。

有沒有HTML/CSS的解決方案?

+0

玩弄顯示器(CSS)。 – melancia

+2

請張貼你到目前爲止嘗試過的代碼(如果有的話)。 –

+1

有趣的:)我已經創建了一個小提琴 - http://jsfiddle.net/y93pZ/任何人使用,因爲我想知道這是否可能與CSS只。 – Kaloyan

回答

9

您可以使用columns及相關CSS3屬性:

這裏是提琴:http://jsfiddle.net/DeLL7/5/

更新爲列的非固定號碼和固定的容器高度。但是,對於較舊的瀏覽器,您可能運氣不佳,無需「手動」排列框。

+0

現在,這是很好的工作。 Upvoted。 –

+1

舊版瀏覽器,你可以嘗試這個polyfill [BetleyWhitehorne/CSS3MultiColumn·GitHub](https://github.com/BetleyWhitehorne/CSS3MultiColumn) – MikeM

+0

或[FT columnflow](http://labs.ft.com/articles/ft- columnflow /) – FelipeAls