2

大きな長方形の長方形に最適なものを計算するアルゴリズムが必要です。大きな長方形はサイズを動的に変更します。詳細:

私はCode52MetroUIプロジェクトを使用しています:http://code52.org/metro.css/

1つのタイル行のみを使用しており、すべてのタイルに「float:left」が定義されています。これは、すべてのタイルが同じサイズの場合に美しく機能します。ユーザーはブラウザのサイズを任意の幅に変更でき、タイルは互いに「ドロップダウン」するだけです。異なるタイルサイズが必要な場合に問題が発生します。これはすべてを壊し、明らかに人々が一般的にメトロUIを固定幅として設計する理由です。まあ、可能であれば流動的なレイアウトで行く必要があります。タイルサイズは次のように事前定義されています。

Single: 130px x 130px
Double Horizontal: 130px x 280px
Double Vertical: 280px x 130px
and Double Both: 280px x 280px

コンテナは流動的であるため、幅/高さは動的に変化します。

私が必要としているのは、タイルに最適なものを作成するためのアルゴリズムです。したがって、空のスペースは右下隅にのみ配置され、タイルと混ざり合うことはありません。ここにアイデアのある数学の天才はいますか?

4

1 に答える 1

1

jQueryMasonaryを確認することをお勧めします。これは、あらゆるサイズのタイルに対してこれを行うように設計されています。フロントページの例には、まさにあなたがやろうとしていることが含まれています。

于 2012-09-24T08:35:23.953 に答える