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

Question

利用同位素与perfectMasonry的分区扩展

到目前为止，它看起来运行良好，我想知道的是，如果有人知道如何集中容器。尝试与css没有运气。原始同位素以砖石为中心

有没有人？谢谢

>>更新<<

新的同位素(v2)已经过时，它用布局模式称为包装做了“完美的砌体”。还有新的同位素版本中心砌体/同位素。但是我实际上并没有使用fitWidth，因为我只是使用引导和应用在顶部的同位素来在布局开始时获得居中的砖石结构(对于使用fitWidth时，不要以过滤后的值为中心)。

Answer 1

很高兴听说你找到分机了。)目前，使其居中的唯一方法是在容器上有一个特定的宽度。当然，如果您希望您的设计具有响应性(为什么您不会)，作为一个纯CSS解决方案，这是不可行的。

对于响应性布局，您需要“手工”完成--将一个调整大小的触发器绑定到窗口，并在每次调整大小时，计算容器需要的宽度(知道您的瓷砖宽度)。当我有时间的时候，我会把这个功能加入到扩展中。希望这能有所帮助。:)

编辑: perfectMasonry现在支持通过纯CSS对布局进行对齐，因为它现在获得指定的宽度。因此，容器CSS的简单边距自动操作应该能做到这一点。就像这样。

#container {
    margin: auto;
}