0

投稿のストリームを含むWebサイトのセクションをプログラミングしています。投稿のサイズはさまざまですが、テキストのみが含まれています。私がやりたいのは、サーバーから投稿のテキストを取得し、次に:

  1. 含まれている文字数で、大、中、小のサイズの投稿に整理します。ここに画像の説明を入力してください

  2. 投稿をスタックに結合して、表示されたときにすべての投稿が端と同じ高さになるようにします。これには、投稿のすべての行が同じ幅である必要があります。ここに画像の説明を入力してください

投稿は、オーバーフローしたときに自動的に次の行に投稿を配置するように設定されたdivにあるため、唯一の問題は、投稿を正しい順序でdivに配置することです。

たとえば、図/画像2のコードは次のとおりです。

<div class="small_posts" ></div><div class="medium_posts"></div>
<div class="medium_posts"></div><div class="small_posts" ></div>
<div class="small_posts" ></div><div class="tiny_posts"  ></div><div class="tiny_posts"></div>

投稿のテキストはMySQLデータベースから線形配列で取得され、PHPで受信して表示しています。

私の問題は、これをPHPで実装する方法ではなく、そもそもこれを行うためのアルゴリズムを設計する方法です。

私がこれまでに試みた設計は、質が低すぎて言及できない見苦しいハックでした。

これらの投稿をフラッシュ行に効率的にソートするためのアルゴリズムを設計する方法について、いくつかのアドバイスをいただければ幸いです。

4

1 に答える 1

1

javascriptで解決策を見つけることもできますこのプラグインをチェックしてくださいhttp://masonry.desandro.com/

于 2012-07-13T00:10:12.327 に答える