Center div divs in center and move new line div left left

Question

我在容器中有一個固定大小的分區。我希望它們相對於容器居中，但是如果在下一行有劃分，那麼它應該從左側開始它的位置，參見示例。

正如你所看到的，我現在是在圖像的頂部顯示，所有部門都在容器的中心對齊，但是請注意第二行部門 - 在那裏開始自己的位置。

所需的效果顯示在圖像的第二個示例中。我怎樣才能實現這一點與CSS？

HTML：

<div class="container"> 
<div class="child">1</div> 
<div class="child">2</div> 
<div class="child">3</div> 
<div class="child">4</div> 
<div class="child">5</div> 
</div> 

CSS：

.container { 
text-align:center; 
} 

.child { 
position:relative; 
display:inline-block; 
width: 500px; 
height: 200px; 
} 

Answer 1

添加浮動：留在.child類這樣 DEMO

CSS：

.child { 
    position:relative; 
    display:inline-block; 
    width: 500px; 
    height: 200px;   
    float:left; 
}