0

3 X 3 グリッド (microsoft-metro スタイルなど) を埋めることができる、ある種の jQuery プラグインを作成したいと考えています。次のようになります。

  • タイルが 1 つある場合は、グリッド全体 (1-9) を取る必要があります。
  • 2 つのタイルがある場合、1 つのタイル (1-6) と別のタイル (7-9) にする必要があります。
  • タイルが 3 枚ある場合、(1-2 と 4-5)、(3 と 6)、(7-9) となるはずです。
  • タイルが 5 枚ある場合、(1-2)、(3)、(4-6)、(7)、(8-9) が必要です。

等々!

-------------
| 1 | 2 | 3 |
-------------
| 4 | 5 | 6 |
-------------
| 7 | 8 | 9 |
-------------

タイルの数 (最大 9 つ) に基づいてグリッドを動的に埋めることは可能ですか? なんらかの計算はありますか?

4

1 に答える 1

1

display: -ms-flexをとともに使用し-ms-flex-Wrap: wrapます。これにより、自動的にラップできます。必要な数ごとにアイテムのサイズを調整する必要があります。

もう 1 つのオプションは、 を使用-ms-gridして、項目に基づいて列/行 (およびスパン) を構成することです。

于 2012-09-03T22:08:36.283 に答える