Question

让我们假设我有10块jQuery砌体，每块（div）宽度为200px，所以在1024x768，在砌体之后会是这样的

[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]）始终位于屏幕的中心。怎么样？

Answer 1

PRTFM：“浮动水平排列元素然后垂直排列，而砌体垂直排列元素，将每个元素定位在网格中的下一个开放点。结果最小化不同高度的元素之间的垂直间隙，就像一个石匠拟合石头壁”。您无法在浏览器窗口的中心修复一个Masonry元素，其中所有其他元素在其周围流畅地排列 - 您可以在右上角或左上角有一个固定元素，称为“角图章”。

Answer 2

你需要使用：

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

或

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

或

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

更改框的区域，然后框将显示为您想要的内容。

如何在使用jQuery砌体时将块保持在中心

2 个答案: