7

次の要件を持つ柔軟なグリッドに対してレイアウトされたダッシュボードが必要です。

  • 全体の幅は可変で、サイズ変更しても常に画面に収まる必要があります
  • セルを結合することができます
  • すべての列は同じサイズにする必要があります (例: 3 列)
  • 行と同じ
  • 合計の高さはオプションで画面の高さに合わせる必要があります
  • これらのグリッドはユーザーが生成するため、オンライン ジェネレーターのように CSS でハードコーディングすることはできません。

ここに私が作ったいくつかの写真があります:

ユーザー定義グリッドの例 ユーザー定義グリッドの例

結合されたセルと同じ例 結合されたセルと同じ例

スケーリングされた同じ例 スケーリングされた同じ例

それを達成するためのプラグイン/コードを探しています.CSSではできないと確信しているので. 私が得た最も近いものはテーブルの生成でしたが、セルのサイズ変更は完全な混乱に終わりました (なぜこのテーブルはきれいに見えないのですか? )。

4

1 に答える 1

8

http://masonry.desandro.com/http://www.wookmark.com/jquery-pluginのようなプラグインを使用することで、それに近づくことができます。

レスポンシブ ビットについては、http://osvaldas.info/responsive-jquery-masonry-or-pinterest-style-layoutを読むことをお勧めします。石積みプラグインについて説明していますが、その概念は普遍的に適用できます。

于 2012-10-15T10:10:51.197 に答える