Question

我想设置一个外部div对齐的中心。有一些内部div，浮动设置为左。所以外部div不是对齐的中心我的内心是：

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

Answer 1

在我的问题中没有任何更详细的信息，我可以建议

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

但它确实取决于你还在做什么。

Answer 2

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

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

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

祝你好运！：）

Answer 3

尝试：

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

Answer 4

为什么内部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;
}

或者你可以将内部变成内联块 - 并将其包装在一个带有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;}

Answer 5

这是最简单的方法：

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

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

希望它有所帮助。

如何居中div

5 个答案: