7

css3 で (column-count:4) を使用して、9 つの画像を 4 列に収めています (ここで考えられること: http://css-tricks.com/seamless-responsive-photo-grid/ )

しかし、私の場合、9 つの画像が 3 列 (各列に 3 つ) にちょうど収まり、最後の列は空です! 最初に行を埋めるにはどうすればよいですか?

4

1 に答える 1

0

column-fill: balanceあなたが望むことをするはずですが、実際のブラウザではうまくいかないようです。

multicol は適切なツールではないかもしれません。あなたが何をしようとしているのかによって、おそらくフレックスボックス、または単にインラインブロックがそれをカットするでしょうか?

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

たぶん、これはあなたがやろうとしていたことに少し近づくかもしれません: http://jsbin.com/nobosu/edit?html,css,output

詳細がなければ、何を処方すればよいかを知るのは少し難しい.

于 2016-07-19T03:59:08.037 に答える