如何以完美的砖石为中心？(同位素)

Question

使用同位素,通过zonear扩展perfectMasonry

到目前为止看起来它运作良好,我想知道是否有人知道如何集中容器.尝试用css没有运气.原始同位素以砖石为中心

任何人？谢谢

>>更新<<

新同位素(v2)已经出局,它使用名为packery的布局模式完成 "完美砌体"位.新的同位素版本也是中心砖石/同位素.但我实际上并没有使用,fitWidth因为我只是使用bootstrap和同位素应用在顶部以在布局开始时获得居中的砌体(对于那种用途,不对中过滤tho,为此fitWidth)

Answer 1

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

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

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

#container {
    margin: auto;
}