html - 如何浮动所有子 div 以在父 div 内居中？

Question

我使用带有三个子 div 的父 div，

<div id="parentDiv">
    <div id="PagerUp" class="pager">

     </div>
    <div id="ResultsDiv">

    </div>
    <div id="PagerDown" class="pager">

    </div>
</div>

但我得到的是这个http://img132.imageshack.us/img132/5923/floatingdivs.jpg

如何将所有这些 div 浮动到中心.... 提示：我不会应用任何 css ...

Answer 1

试试这个：

#parentDiv {
  width: 600px; /* or whatever width you specify */
  margin:0px auto;
}

.

更新：

尝试为寻呼机提供边距：

#PagerUp, #PagerDown
{
      width: 600px; /* or whatever width you specify */
      margin:0px auto;
}

或者你也可以这样做：

#PagerUp, #PagerDown
{
   width: 600px; /* or whatever width you specify */
   margin-left:100px;  /* adjust value accordingly */
   margin-right:100px;  /* adjust value accordingly */
}

Answer 2

如果要将所有这些 div 居中，则必须将其父居中。在 #parentDiv 上使用 margin:0 auto