1

假设我有 10 个块用于 jQuery Masonry，每个块（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：“浮动将元素水平排列然后垂直排列，砌体垂直排列元素，将每个元素定位在网格中的下一个开放点。结果最大限度地减少了不同高度元素之间的垂直间隙，就像石匠在墙上安装石头一样”。您不能将一个 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 回答