使div居中对齐

Question

我有10个DIV，所有这些都设置为FLOAT：LEFT属性。 我需要让所有DIV从中心浮动。 例如。

请检查我的代码：codepen

HTML：

<div class="main">
  <div class="child">
    <div></div>
    <div></div>

  </div>
</div>

CSS：

.child >  div
{
  float:left;
  height:100px;width:100px;
  border:1px solid red;

}.child{
  border:1px solid green;
  display:inline-block;
  width:400px;
  text-align:center;
}

Answer 1

.child >  div
{
  display: inline-block;
  height:100px;width:100px;
  border:1px solid red;

}

http://codepen.io/anon/pen/vOKNoe

Answer 2

只需将此css添加到child即可使儿童成为中心。如果您想要child的内部div中心，请删除float

display:table;
margin:0 auto;

http://codepen.io/VeeK727/pen/zGBvVv

Answer 3

Hej，您应该考虑将它们包装在行中以使用margin: 0 auto;

将包装器置于中心位置

Answer 4

没有浮动：中心; - 浮动是左或右。只需创建内部div display: inline-block;并删除浮动规则，即可实现所需。 工作解决方案：

FIND_IN_SET

Answer 5

感谢大家的快速回复。 我得到了我想要的东西。

＆＃13;

＆＃13;

.child >  div
{
  display: inline-block;
  height:100px;width:100px;
  border:1px solid red;
  
}.child{
  border:1px solid green;
  display:table-cell;
  width:400px;
  text-align:center;
  vertical-align:middle;
 
}
.main{
  display:table;
  height:500px;
  border:1px solid grey;
  
}

＆＃13;

<div class="main">
  <div class="child">
    <div></div>
    <div></div>
     <div></div>
     <div></div>
     <div></div>
    
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;