複数のdivを親divに水平方向に配置する方法

複数のdivを含むコントロールを作成しようとしていますが、すべてのdivは水平方向の中央揃えです。以下に示すように。複数のdivを親divに水平方向に配置する方法

enter image description here

私はfloat:left CSSプロパティを使用して、すべてのdivをフロートすることができすることができました。この

enter image description here

しかし、これまでのdivのようなものを与えている親に委ねalighです。

私はすべてのdivを配置するためにJavaScriptを使用する1つの孤立したsolitionを持っていますが、私はCSSを使いたいです。これはCSSを使って実現できますか？

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; 
}

とこれは、あなたがしようとしているものを行うことが

floatからdisplay：inline-block、text-align：親の中心に移動してください。 – RGLSV

ブラウザの問題を避けるため、divの間に空白を入れないでくださいインラインブロックを使用します。 –

ありがとうございました –

事前に

感謝。

2015-01-06 15:37:38 lante

ありがとう:)、これは完璧に正常に動作します –

答えて