Css 在父div中居中子div

我在这件事上瞎了眼。。我遇到了其他类似的话题，但没有一个在ind中起到作用

长话短说，我不能将父div中间的“a，b，c，d”框对齐-它们需要与下面的框对齐，因此左侧在最左侧，右侧一直到右侧

我已经将我的代码发布在这里，因此您可以看到：

• 和我的代码：

  。右内容{宽度：300px；高度：250px；背景：e3e3；浮动：右；边距：15px 0px 0px；}

  .featured_items_wrap{ width: 980px; height: 140px; background: blue; text-align: center;}
  
  <div class="content_wrap">
  <div class="featured_items_wrap">
      <div class="featured_item">a</div>
      <div class="featured_item">b</div>
      <div class="featured_item">c</div>
      <div class="featured_item">d</div>
  </div>
  

  .featured_items_wrap{宽度：980px；高度：140px；背景：蓝色；文本对齐：中间；}
  A.
  B
  C
  D
  

如果您对我的问题有任何疑问，请随时写信给我

我期待着一个可能的解决方案

---

非常感谢，祝你今晚愉快

您需要在子div上设置

margin:auto

。此外，还需要确保子div没有包装器那么宽。我在演示中制作了75%，效果很好

div {
    width: 75%;
    margin: auto;
}

EDIT：注意，这是在JSFiddle中的包装器上，因为这是保存子div的内容

进一步编辑：我意识到我一开始误解了你。我相信我已经得到了你想要的东西。看看这个：

---

在Chad的anwer上扩展如果你想在div内精确设置，你可以设置25px的边距；当然，它会随着尺寸等的变化而变化

div{
边框：1px纯黑；
}
#一个{
高度：100px；
宽度：100px；
}
#两个{
高度：50px；
宽度：50px；
利润率：25px；
}

嘿，查德，谢谢你的链接。我试着用你的建议，但由于某种原因，对我的例子没有帮助。查看我的JSFIDLE：我刚刚注意到你的小提琴，并更新了我的答案。这就是你要找的吗？

div {
    border: 1px solid black;
}
#one {
    height: 100px;
    width: 100px;
}
#two {
    height: 50px;
    width: 50px;
    margin: 25px;
}

<div id="one">
    <div id="two"></div>
</div>