将一个 Div 居中在另一个 Div 中。我已经尝试了一切答案

【问题标题】：Centering a Div inside another Div. I have tried everything将一个 Div 居中在另一个 Div 中。我已经尝试了一切
【发布时间】：2013-04-04 04:27:32
【问题描述】：

我试图将一个 div 居中在另一个 div 中，其中父 div 的宽度为 100%，高度为 100px。我对此进行了彻底的研究，并且尝试了所有答案，但没有任何效果。我认为我的代码有问题。

这是我目前所拥有的。

我的 HTML：

<div class="footer">

  <div class="footerContainer">
  </div>

</div>

CSS：

.footerContainer    {width: 964px; 
                     height: 100px; 
                     margin: 0 auto; 
                     color:#9F0; 
                     right:0;
                     left:0;
                     display:table-cell}

.footer  {background-color:#1e4da0;
          height:300px;
          width:100%;
          left:0;
          right:0;
          position:absolute;
          display:table}

【问题讨论】：

您还没有尝试了所有方法。：google.ca/…
你的宽度是 100%，它不会居中，因为它是相同的宽度。
文本对齐：居中； ?

标签： css html centering

【解决方案1】：

<div style="width: 100%; height: 100px; text-align: center;">
    <div>Your content</div>
</div>

【讨论】：

【解决方案2】：

我只能用一个额外的包装器来做到这一点。检查fiddle 此外，我更改了尺寸并使用了一些糟糕的颜色。你会有这样的东西

<div class="wrapper">
    <div class="footer">
      <div class="footerContainer">
     </div>
    </div>
</div>

【讨论】：

【解决方案3】：

这是一个简单的小提琴示例，您可能想看看它 [http://jsfiddle.net/EZg6q/]

【讨论】：