0

cssを使ってオブジェクトを配置するのが苦手で、

担当者のために画像を投稿できないため、画像はここでホストされています....

div でタグ付けされた各画像に使用される css ive は次のとおりです。

#compbox img {
  float:left;
   margin:5px;
}
#compwinnerbox img {
  float:left;
  margin:5px;
}

などなど、各ボックスについて、ギャップを埋めるために一番下の行に3番目のボックスを作成するにはどうすればよいですか-ある意味で浮き上がりますか? うまく説明できていない場合は申し訳ありません。

4

2 に答える 2

0

CSS とあなたのレイアウトでは、フロートの仕様を考えるとこれを行うことはできません:

5 - フローティング ボックスの外側の上部は、ソース ドキュメントの前の要素によって生成されたブロックまたはフローティング ボックスの外側の上部よりも高くすることはできません。

于 2013-03-29T19:16:07.387 に答える
0

jQuery Masonry を使用します: http://masonry.desandro.com/

またはCSSアプローチの使用のためにcolumn

.col {
 -moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:10px;
-moz-column-gap:10px; /* Firefox */
-webkit-column-gap:10px; /* Safari and Chrome */
column-gap:2;
}

http://jsfiddle.net/4gXCs/3/

于 2013-03-29T19:16:36.487 に答える