javascript - 居中元素

Question

如何让包含其他元素的 div 居中。默认情况下，div 似乎具有其父标签的宽度，在本例中为 body。我想做的是让 div 居中，我需要自己逐个像素地设置它的宽度吗？或者是否有更简单的方法。

我所说的图像

在图片中你可以看到我将 div #container 的宽度设置为 250px 以 margin: 0 auto; 居中，但是现在它比 table 大，这意味着 #container 的 child 不在准确的中心。

Answer 1

DEMO 1

<div id="container">

</div>

#container{
  display:table;
  margin:0 auto;
}

---

<强> DEMO 2

<div id="container"> 
 <span id="form">

 </span>
</div>

#container{
   text-align:center;
}
#form{
  display:inline-block;
  text-align:left;
}