2015-01-06 27 views
5

Birden çok div içeren ve tüm div'ların yatay olarak merkez hizalaması olan bir denetim oluşturmaya çalışıyorum. Aşağıda gösterildiği gibi. Bir ebeveyn div içinde birden fazla div ortalamak nasıl

enter image description here

Her float:left css özelliğini kullanarak div yüzer mümkün başardı. Onların ebeveyne kalmıştır bu

enter image description here

ama hiç div'lerden gibi bir şey aligh edilir vermek hangi.

Her div'u konumlandırmak için javascript kullanmak için bir tane ültraratif solisyonum var ama css kullanmak istiyorum. Bunu css kullanarak elde etmek mümkün mü?

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

veBu çalıştığımız şeyi yapabilir

+2

Şamandıradan ekrana geçiş yap: satır içi ve metin hizala: merkeze git ve iyi olmalısın – RGLSV

+0

Tarayıcı sorunlarından kaçınmak için, boşluklar arasında boşluk bırakmadığınızdan emin olun. satır içi bloğu kullanarak. –

+0

herkese teşekkürler –

cevap

11

önceden

Teşekkür.

+0

teşekkürler :), bu gayet iyi çalışıyor –