Css 如何将div居中

我要设置外部div对齐的中心。有一些内部div，float设置为左侧。所以外部div没有对齐中心 我的内部div css是：

.inner { 
  float:left; 
  margin:10px; 
  border:1px solid #898989; 
  padding:4px;  
  width:200px; 
  background-color:#f2f2f2;
}

---

在你的问题中没有更多的细节，我只能建议

<div style='margin: 0px auto;'>Blah</div>

废话

---

但这取决于您还有什么其他操作。

最简单的方法是将水平边距设置为自动：

<div style="margin-left: auto; margin-right: auto;">Content</div>

内容

但这也取决于它的float属性。因为我不知道你的网站上还有什么，我只能建议你尝试不同的浮动属性（左、右、无）

祝你好运！：）

试试看：

<div align="center" style="clear:left"> 
...
</div>

...

为什么内部div是浮动的，如果不需要，只需将内部div居中即可

.inner { 
  margin:10px auto; 
  border:1px solid #898989; 
  padding:4px;  
  width:200px; 
  background-color:#f2f2f2;
}

或者如果内部是浮动的，因此它包含更多的浮动。。然后你可以添加溢出隐藏到它

.inner { 
  overflow: hidden;
  margin:10px auto; 
  border:1px solid #898989; 
  padding:4px;  
  width:200px; 
  background-color:#f2f2f2;
}

或者，您可以将inner设置为一个内联块，并使用text align:center将其包装在一个div中

<div class="outer">
<div class="inner"><span>float</span>the inner text</div>
<div class="inner"><span>float</span>the inner text</div>
<div class="inner"><span>float</span>the inner text</div>
<div>

.inner { 
  display: inline-block;
  margin:10px; 
  border:1px solid #898989; 
  padding:4px;  
  width:200px; 
  background-color:#f2f2f2;
}

.inner {display: inline !ie7;}

span {float: left; width: 50px; height: 50px; background: #ffe;}

.outer {text-align: center;}

浮动内部文本
浮动内部文本
浮动内部文本
.内部{
显示：内联块；
利润率：10px；
边框：1px实心#8989；
填充：4px；
宽度：200px；
背景色：#F2F2；
}
.inner{display:inline！ie7；}
span{float:left；宽度：50px；高度：50px；背景：#ffe；}
.outer{文本对齐：居中；}

这是最简单的方法：

如果设置了固定的宽度， 正确的DOCTYPE当然，试试这个

    Margin-left:auto;
    Margin-right:auto;

---

希望有帮助。

您需要显示一些代码，以便其他人能够提供帮助。rsplak，很高兴您指出了这一点。否则我会马上给他解决方案……有些人就是不喜欢在线社区。我通常在回答之前没有注意到这一点。谢谢你指出这一点，斯普拉克。我将开始更频繁地研究这个问题。我浮动了内部div，因为如果我不浮动内部div，那么需要休息一下，我需要像单元格一样格式化div。做最后一个选项，将所有“并排”或“单元格”div放入外部div中。。给他们所有人一个innerI类我已经用IE7解决方案更新了最后一个选项代码，并在外部分区中显示了多个单元格请随意单击勾号和/或向上箭头-如果答案有帮助，您也可以获得rep；）你肯定我是这个网站的新用户。