Jquery 使用packery.js时，将父div中的多个div居中 我有一个以基础为中心的div。在这个div中，我有215x215个div，它们有我所做工作的背景图像

我让派克工作得很好。我的问题是我想把这些div放在容器的中心。但我永远不知道一行上会有多少个div，所以我不能只给它们填充，因为如果我给它们填充的图像转到新行，就会搞砸

我怎样才能解决这个问题

谢谢

这是我的HTML

<div id="myWork" class="row">
    <div id="container" class="js-packery large-11 large-centered columns" data-packery-options='{ "itemSelector": ".item", "gutter": 20 }'>
        <div class="item" id="abgCapital">

        </div>
        <div class="item" id="voipInnovations">

        </div>
        <div class="item" id="payday">

        </div>
        <div class="item" id="inspira">

        </div>
    </div>
</div>

---

听起来您希望div像居中对齐的文本一样流动。为此，我更新了您的样式：

#container {
  background-color: green;
  text-align: center;
  height: auto !important;
  padding-top: 5px; }

.item {
  width: 215px; 
  position: static !important; 
  display: inline-block; 
  margin-bottom: 5px; }

它似乎在这把小提琴中起作用：

---

对于整个JSFIDLE：重复？你能给我们展示一下你预期结果的线框吗？你给出的例子是一个很好的开始，但我不确定这就是我想要的。这些示例中的图像具有固定的宽度。因此，它们可以调整图像的大小。我不想那样。如果一行中只有1个div或4个div，我希望它们在容器中居中。我不知道怎么做，因为div的数量可能会改变。@samy我不知道你的意思。问题是，用户屏幕大小将决定行中有多少个div。所以我可以；I don’我不会给你展示一个预期的结果，因为预期的结果会有很大的变化。这正是我需要的，先生。非常感谢。我已经放弃了希望。

#container {
  background-color: green;
  text-align: center;
  height: auto !important;
  padding-top: 5px; }

.item {
  width: 215px; 
  position: static !important; 
  display: inline-block; 
  margin-bottom: 5px; }