jQuery同位素居中

可能重复:
如何在DIV中居DIV?

请看下面的图片:

在此处输入图像描述

如何使灰色方块在红色容器div内水平居中? 这都是用同位素制成的,所以请记住这一点。

提前致谢。

在此处输入图像描述在此处输入图像描述

即使父(红色)div总是在中间对齐,灰色,较小的div也不是。 在顶部图像中,当它们在一列中对齐时,该列应位于包装器(红色)div的正中间。

实际上,为Isotope实现居中非常简单(刚刚完成了一个在移动触摸设备和桌面设备上看起来很好的网站)。 您只需在此块结尾处的常用Isotope代码之前包含David DeSandro的存储库中的这段代码

  

然后你就像往常一样设置同位素

  

最简单的解决方案。 使用同位素内的“砌体”布局:

 $container.isotope({ itemSelector: '.pbox', layoutMode: 'masonry', masonry: { isFitWidth: true } });