如何以完美的砖石为中心？ （同位素）

Question

将同位素与extension of perfectMasonry by zonear

一起使用

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

任何？ 感谢

＆GT;＆GT;更新＆lt;＆lt;

新的同位素（v2）已经出来，它完成了＃34;完美的砖石建筑＃34;位layoutmode called packery。还有新的同位素版does center masonry/isotope。但我实际上并没有使用fitWidth因为我只是使用bootstrap并在顶部应用了同位素以在布局开始时获得居中的砌体（对于那种使用fitWidth，不会在过滤后居中）

Answer 1

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

对于响应式布局，您需要“手动”执行此操作 - 将调整大小触发器绑定到窗口和每个调整大小，计算容器需要的宽度（知道您的切片宽度）。当我得到时间时，我会在某个时刻将此功能烘焙到扩展中。希望这可以帮助。 ：）

---

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

#container {
    margin: auto;
}