Question

我对这个问题视而不见......我遇到了其他类似的话题，但没有一个在ind中有所帮助。

长话短说，我不能在父div的中心放置“a，b，c，d”框 - 它们需要与下面的盒子对齐，所以左边是左边，右边是一直到右边。

我在这个小提琴中发布了我的代码，所以你可以看到： http://jsfiddle.net/sdHhp/

和我的代码：.right_content_wrap{ width: 300px; height: 250px; background: #e3e3e3; float: right; margin: 15px 0px 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>

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

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

非常感谢，祝你今晚愉快！

Answer 1

您需要对子div进行margin: auto。此外，您需要确保子div不像包装器那样宽。我在演示中将它们制作了75％并且有效。

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

http://jsfiddle.net/sdHhp/4/

编辑：请注意，这是在你的JSFiddle的包装器上，因为这是你孩子的div。

进一步编辑：我意识到我一开始误解了你。我相信我已经得到了你想要的JSFiddle。检查一下：

http://jsfiddle.net/sdHhp/9/

Answer 2

如果你想在div中完全设置你可以设置25px的边距，那么扩展Chad的anwer;当然它会随着大小等而变化http://jsfiddle.net/r2pLP/1/

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>

父div中的中心子div

2 个答案: