Javascript JQuery打包机的中心容器？

我用的是很好用的

我想到的问题是如何在页面上居中放置项目容器

<div id="container">
  <div class="item">...</div>
  <div class="item w2">...</div>
  <div class="item">...</div>
  ...
</div>

---

但这不起作用。

DeSandro已经有了一个居中封隔器布局的示例

例子是

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

HTML:

---

DeSandro已经有了一个居中封隔器布局的示例

例子是

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

HTML:

---

看看这个。。这正是你需要的

---

看看这个。。这正是你需要的

---

看一看这个问题：TL:DR这里的代码：你能给出一个答案吗？这样我就可以接受了！看看这个问题：TL:DR这里的代码：你能不能制定一个答案，这样我就可以接受了！我需要将Packer类中的元素居中。我还需要一个角图章。我需要将封隔器类中的元素居中。我还需要一张拐角处的邮票。

#container {
 marin: 0 auto;
}

<h1>Packery - centered</h1>
<div class="packery js-packery" data-packery-options='{ "gutter": ".gutter-sizer", "itemSelector": ".item", "columnWidth": ".grid-sizer" }'>
    <div class="gutter-sizer"></div>
    <div class="grid-sizer"></div>
    <div class="item w2"></div>
    <div class="item"></div>
    <div class="item w2 h2"></div>
    <div class="item"></div>
    <div class="item w2"></div>
    <div class="item"></div>
    <div class="item h2"></div>
    <div class="item"></div>
    <div class="item h2"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item h2"></div>
    <div class="item"></div>
    <div class="item"></div>
  </div>

* {
  -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; }