jquery - jQuery - div をグリッドとして定義する

Question

jQueryでdivに「グリッド」オプションを与える方法はありますか? div 自体にグリッドを描画したくありません。

アイデアは、グリッドのような方法で、小さなレイヤーが大きな div にスナップすることです。

Answer 1

div 内にグリッドを作成する場合は、CSS だけでこれを実現できます。12px または 16px 単位でグリッドを使用してページをレイアウトし、配置と間隔を調整する960という CSS テンプレートがあります。

これは、列に配置されたすべての要素がコンテナー div の規則に従うため、「スナップ先」機能の目標を達成するのに役立ちます。

このサイトには、グリッド システムの幅を操作して結果をプレビューできるグリッド ジェネレーターへのリンクがあります。

警告: CSS グリッドを使用してページをレイアウトすると、テーブルの使用をやめたくなる危険性があります。CSS は操作が簡単で、960 のようなシステムを使用すると、すぐにクロス ブラウザーをサポートできるからです。これは良いことです！

Answer 2

グリッドを描画しようとしている場合は、必要なセルと同じ数の div が必要になり、境界線がすべて左または右に浮かんでいます。その後、コンテンツをそれらの中にスナップします。

しかし、コンテンツをグリッドのようにレイアウトしたいだけなら、すべての div に固定の幅と高さを設定し、左にフロートさせれば完了です。