jquery - 如何将完美的砌体居中？ (同位素)

Question

使用同位素 extension of perfectMasonry by zonear

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

有人吗？谢谢

>>更新<<

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

Answer 1

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

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

<小时/>

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

#container {
    margin: auto;
}