如何在css3中首先創建列數填充行？

Question

我使用（列數：4）CSS3，以適應在4列9倍的圖像（即想到這裏的東西：http://css-tricks.com/seamless-responsive-photo-grid/）

但對我來說，9張圖像，只是在每個適合3列（3列）和最後一列空！我怎樣才能使它填補行首先？

Answer 1

column-fill: balance應該做你想做的事，但這似乎並不適用於實際的瀏覽器。

也許multicol不適合你。取決於你想要做什麼，也許flexbox，或者只是內聯塊可能會削減它？

http://jsbin.com/nobosu/1/edit?css,output

也許這來自一點點接近你試圖做： http://jsbin.com/nobosu/edit?html,css,output

沒有細節，這是一個有點難以知道什麼規定。