使用浮動時如何放置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>