將div的寬度調整爲包含多個div的內容

Question

我遇到一個小問題。

其實我試圖將「內容」的寬度調整爲多個div。實際上，我試圖將這些代碼調整到幾個屏幕，我無法指定特殊的寬度。內聯塊根本不起作用。我不知道爲什麼。我會將div內容放在頁面中間，並在div內容中間放置中心類。其實是一個完美的中心。

有想法嗎？

HTML

<div id="content"> 
<div class="badges"></div>  
<div class="badges"></div>  
<div class="badges"></div>  
<div class="badges"></div>  
<div class="badges"></div>  
<div class="badges"></div>  
<div style="clear:both;"></div>  
</div> 

CSS

#content{ 
    display:inline-block; 
} 

.badges{ 
    width:220px; 
    height:380px; 
    float:left; 
    background:red; 
    margin:10px; 
} 

感謝， 巴斯蒂安

Answer 1

不要使用浮動。

試試這個：

#content {text-align: center;} 
.badges { 
    width: 220px; 
    height: 380px; 
    background: red; 
    margin: 10px; 
    display: inline-block; 
} 

這是inline-block應該如何使用。

另外，請按照凱青的說法更正您的標記。

Answer 2

一個，你應該用實際的div結束標記關閉的div，而不是跨越。然後關閉該清除div以及