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

Question

使用同位素与extension of perfectMasonry by zonear

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

有人吗？ 谢谢

>> 更新

新同位素 (v2) 已经发布，它使用layoutmode called packery 完成了“完美的砌体”位。还有新的同位素版本does center masonry/isotope。但我实际上并没有使用fitWidth，因为我只是使用bootstrap并在顶部应用同位素以在布局开始时获得居中的砌体（过滤后不居中，为此使用fitWidth）

Answer 1

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

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

---

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

#container {
    margin: auto;
}