如何在使用浮动时放置div中心

Question

有一个宽度为100％的div是另一个带浮动的div怎么能把它放在中心？我尝试使用margin 0 auto但它不起作用

http://jsfiddle.net/cterh0sv/

.test {
    width:100%;
    height:120px;
    background:green;
}

.inside {
    margin:0 auto;
    width:100px;
    height:100px;
    background:white;
    margin:10px;
    float:left;
}

<div class="test">
    <div class="inside">
    </div>
    <div class="inside">
    </div>
    <div class="inside">
    </div>
</div>

Answer 1

您必须移除浮动，将text-align: center设置为容器，将display: inline-block设置为项目。

＆＃13;

＆＃13;

.test {
  width: 100%;
  height: 120px;
  background: green;
  text-align: center;
}
.inside {
  width: 100px;
  height: 100px;
  background: white;
  margin: 10px;
  display: inline-block;
}

＆＃13;

<div class="test">
  <div class="inside">
  </div>
  <div class="inside">
  </div>
  <div class="inside">
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;