对齐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;
}

示例小提琴：http://jsfiddle.net/TtvNc/3/

Answer 2

<span>不是块级项目。您无法对其应用宽度和高度样式。您需要一些内容，否则不会显示任何内容。