如何将div放在砌体布局中心?

时间:2012-05-23 03:51:44

标签: jquery html css jquery-masonry

我一直在搜索,但无法找到答案。

如何在砌体布局中垂直和水平居中div?我基本上想要围绕这个div构建一切。

任何帮助都会很棒!

http://isotope.metafizzy.co/

2 个答案:

答案 0 :(得分:12)

当你打电话给砌体时,你可以使用isFitWidth: true,然后在容器上设置margin:0 auto。

$container.masonry({
    columnWidth : 120,
    isFitWidth: true

});

请参见此处的示例: Centered Masonry

答案 1 :(得分:3)

如果它只是一个div,你可以尝试用户

margin: 0 auto; 

用于水平居中。

垂直居中你可以试试这个:

http://blog.themeforest.net/tutorials/vertical-centering-with-css/