html - 对齐一个 div 的多个嵌套 div。 (中心)

Question

多个嵌套的 div 在一个容器内，内容(嵌套的 div)没有在它的父级中居中对齐。

<div id="parent">
  <span id="menu_0" class="d"></span>
  <span id="menu_1" class="d"></span>
  <span id="menu_2" class="d"></span>
</div>

#parent
{
    float: left;
    height:18px;
    width:980px;
    margin-top:55px;
    text-align:center;
    border: solid red 1px;
}
.d 
{
    background:url(../images/d.png) 0px 0px no-repeat;
    height:18px;
    width:28px;
}

Answer 1

容器居中对齐，但不是其中的内容。您必须使用

对齐容器内的每个 div

.d {
   margin: 0 auto;
}

fiddle 示例:http://jsfiddle.net/TtvNc/3/