0

サイズの異なるいくつかの DIV 要素があります。ページがいっぱいになった場合 (左から右)、次の行で DIV 要素を垂直方向および水平方向に押し込む必要があります。

悪い説明ですが、助けていただければ参考になるデモページがあります:) http://www.techonline.co.nz/modules/navigator/navto.php?unique_ID=16

特に右側の DIV を拡張すると、上と下の DIV の間に大きなギャップがあると見栄えが悪くなります。すっきりとコンパクトに見せたい。

私はデザインがあまり得意ではなかったので、どんな助けでも大歓迎です。

4

3 に答える 3

2

Jquery masonry プラグインをご覧になることをお勧めします。

于 2012-10-02T09:03:29.723 に答える
2

コンテンツが入る 2 つの div を作成します。1 つは左にフロートを作成し、もう 1 つは右にフロートを作成します。これらの div に、コンテンツ ボックスを配置します。だからあなたの場合。

CSS:

 #left {float: left;}
 #right {float: right;}

そしてあなたのhtml：

<div id="left">
     <div class="divby2">Title 1 and rest of content</div>
     <div class="divby2">Title 3 and rest of content</div>
</div>

<div id="right">
     <div class="divby2">Title 2 and rest of content</div>
</div>

このように、タイトル 3 div は div 2 の配置を確認しませんが、div 1 を確認します。例については、こちらをご覧ください。

于 2012-10-02T09:09:10.553 に答える
1

...................................................................

こんにちは、このようにcssを投げるのに慣れEvenましrulesた

.divby2:nth-child(even) {float:left;}
.divby2:nth-child(odd) {float:right}
于 2012-10-02T09:11:48.377 に答える