jquery - 如何使完美的砌体居中？（同位素）

Question

使用同位素与zonear 扩展的完美砌体

到目前为止，它看起来运行良好，我想知道的是是否有人知道如何将容器居中。尝试使用 css 没有运气。原始同位素已居中砌体

任何人？谢谢

>> 更新 <<

新同位素 (v2) 已经发布，它使用名为 packery的布局模式完成了“完美的砌体”位。此外，新的同位素版本确实中心石工/同位素。但我实际上并没有使用fitWidth，因为我只是在顶部使用引导程序和同位素来在布局开始时获得居中的砌体（过滤后不居中，用于该用途fitWidth）

Answer 1

很高兴听到您找到了扩展程序。:) 目前，使其居中的唯一方法是在容器上设置特定宽度。当然，如果您希望您的设计具有响应性（为什么不这样做），作为纯 CSS 解决方案，这是不可行的。

对于响应式布局，您需要“手动”进行 - 将调整大小触发器绑定到窗口，并在每次调整大小时，计算容器需要的宽度（知道您的平铺宽度）。当我有时间时，我会在某个时候将此功能融入到扩展中。希望这可以帮助。:)

---

编辑：perfectMasonry 现在支持通过纯 CSS 使布局居中，因为它现在可以指定宽度。因此，容器 CSS 的简单边距自动应该可以解决问题。像这样。

#container {
    margin: auto;
}