css3で列数の塗りつぶし行を最初に作る方法は？

Question

私は（カラム数：4）を使用していますCSS3に4列（ここでは考えられているもの：http://css-tricks.com/seamless-responsive-photo-grid/）9枚の画像に合わせて

が、私の場合は、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

仕様がなければ、処方するかを知ることは少し難しいです。