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

Question

里面有一个宽度为100％的div是另一个浮动的div如何可以放在中间？我尝试用保证金0汽车，但它不是工作

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项。

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

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