javascript - 如何将内部div水平居中于外部div内？

Question

我需要将一个 div 在另一个 div 内水平居中

这是我的 HTML 代码:

<div id="outer" class="outerDiv">
    <div id="inner" class="innerDiv">
    </div>
</div>

这是CSS:

.outerDiv {
    width:100px;
    height:100px;
    background:red;
}

.innerDiv {
    width:50px;
    height:50px;
    background:blue; 
    // what to add here ?
}

您可以尝试一下:http://jsfiddle.net/nggSG/

如何将蓝色 div 水平居中于红色 div 内？

Answer 1

.innerDiv {
    margin: auto;
    width:50px;
    height:50px;
    background:blue;
}

将 div 水平居中