4

いくつかのブロックがあるとしましょう：

<div class="block"></div>

次の3つのサイズがありますblock：

<div class="block b1x1"></div>
<div class="block b2x1"></div>
<div class="block b1x2"></div>

たとえば、b1x1はwidth:50px;height:50px;、b2x1width:100px;height:50px;

今、私たちのウェブサイトにたくさんのブロックがあり、それらが完全に混同されているとしましょう：

<div class="block b1x1"></div>
<div class="block b2x1"></div>
<div class="block b2x1"></div>
<div class="block b1x1"></div>
<div class="block b1x1"></div>
<div class="block b2x1"></div>
<div class="block b1x2"></div>
<div class="block b2x1"></div>
.. etc

しかし、私たちはそれらをきちんと保ちたいと思っています。あなたがこのブロックを使ってテトリスをプレイしていると想像してください。

したがって、2つの質問：

  1. CSS / JSを使用してブロック構造を整理するにはどうすればよいですか？既知のアルゴリズム/jqueryプラグイン/ソリューションはありますか？どこから始めれば？
  2. 訪問者がブラウザのウィンドウサイズを変更する場合はどうすればよいですか？（写真を参照）
  3. より多くのサイズについてはどうですか（例：3x4など）

ここに画像の説明を入力してください

4

2 に答える 2

3

jQuery組積造はどうですか？それはあなたがjQueryで望むことを達成します。

于 2012-11-25T17:35:35.010 に答える
2

jqueryプラグインを試してください：masonry、必要なことはすべて実行してくださいhttp://masonry.desandro.com/

于 2012-11-25T17:35:46.773 に答える