如何水平居中父div的多个div

Question

我想创建一个包含多个div的控件，并且所有div都水平居中对齐。如下所示。

我能能浮每个div的使用float:left CSS属性。这给像这样

但以往的div被aligh留给他们的父母。

我有一个替代孤独使用javascript来定位每个div，但我想用css。 是否有可能使用CSS来实现这一点。

在此先感谢

Answer 1

这可能做你正在尝试：

HTML：

<div class="parent"> 
    <div class="child">Element 1</div> 
    <div class="child">Element 2</div> 
</div> 

CSS：

.child { 
    display: inline-block; 
} 

.parent { 
    text-align: center; 
} 

和the fiddle。