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

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

Answer 2

A<span>不是块级项目。您不能对其应用宽度和高度样式。你需要一些内容在你的范围内，否则什么都不会显示。