1

jQuery Masonry に 10 個のブロックがあり、各ブロック (div) の幅は 200px で、1024x768 では、Masonry の後は次のようになります。

[000] [111] [222] [333] [444]
[555] [666] [777] [888] [999]

画面の解像度を 640x480 に変更すると、次のようになります。

[000] [111] [222]
[333] [444] [555]
[666] [777] [888]
[999]

画面の解像度を 1600x190 に変更すると、次のようになります。

[000] [111] [222] [333] [444] [555] [666] [777]
[888] [999]

私が達成すべきことは、最初のブロック ([000]) を常に画面の中央に配置することです。どのように？

4

2 に答える 2

1

PRTFM: 「フローティングは要素を水平に配置してから垂直に配置するのに対し、メーソンリーは要素を垂直に配置し、各要素をグリッド内の次の開いた場所に配置します。その結果、石工が壁に石を取り付けるのと同じように、さまざまな高さの要素間の垂直ギャップが最小限に抑えられます」. 他のすべての要素が流動的に配置されている状態で、ブラウザーのウィンドウの中央に 1 つの Masonry 要素を固定することはできません。「コーナー スタンプ」と呼ばれる固定要素を右上または左上に配置することができます。

于 2012-08-13T05:04:40.180 に答える
0

使用する必要があります：

  $('.container').css('width','1024px');
  $('.container').css('height','768px');

また

  $('.container').css('width','640px');
  $('.container').css('height','480px');

また

  $('.container').css('width','1600px');
  $('.container').css('height','190px');

ボックスの面積を変更すると、ボックスは希望どおりに表示されます。

于 2012-08-11T03:41:11.300 に答える