1

我对此一无所知..我遇到了其他类似的话题，但它们都没有帮助。

长话短说，我不能在父 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>

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

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

非常感谢，祝您有个愉快的夜晚！

4

2 回答 2

3

您需要margin: auto在子 div 上。此外，您需要确保子 div 没有包装器那么宽。我在演示中将它们设置为 75%，它可以正常工作。

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

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

编辑：请注意，这是在您的 JSFiddle 的包装器上，因为这就是您的子 div 的内容。

进一步编辑：我意识到我起初误解了你。我相信我已经得到了你想要的 JSFiddle。看看这个：

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

于 2013-08-27T19:21:25.203 回答
0

如果您想在 div 中精确设置，可以扩展 Chad 的答案，您可以设置 25px 的边距；当然它会随着大小等而变化。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>
于 2013-08-27T19:27:15.917 回答