JQuery Packery的中心容器?

我使用JQuery Packery工作正常。

我遇到的问题是如何将项目容器置于我的页面中心?

...
...
...
...

我试过css:

 #container { marin: 0 auto; } 

但这不起作用。

DeSandro已经有一个中心包装布局的例子。

这个例子在这里 。

基本上它只是通过CSS集中。 我也在这里复制代码:

HTML:

 

Packery - centered

CSS:

 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .packery { background: #FDD; background: hsla(45, 100%, 40%, 0.2); max-width: 480px; margin: 0 auto; } /* clearfix */ .packery:after { content: ' '; display: block; clear: both; } .gutter-sizer { width: 2%; } .grid-sizer { width: 18.4%; } .item { width: 18.4%; height: 60px; float: left; background: #C09; border: 4px solid #333; border-color: hsla(0, 0%, 0%, 0.3); } .item.w2 { width: 38.8%; background: #9C0; } .item.h2 { height: 120px; background: #0C9; } 

看看这个..这就是你需要的……

http://codepen.io/anon/pen/Dbpzu