jak poziomo wyśrodkować wiele div w div jednostki nadrzędnej

Próbuję utworzyć formant, który zawiera wiele div i wszystkie div są poziomo wyśrodkować. jak pokazano niżej.jak poziomo wyśrodkować wiele div w div jednostki nadrzędnej

enter image description here

udało mi się stanie unosić każdy dział użyciu float:left własności CSS. które dają coś takiego

enter image description here

ale kiedykolwiek div są aligh lewej do rodzica.

Mam jedną ulternative solition do używania javascript do pozycjonowania każdego div, ale chcę użyć css. Czy można to osiągnąć za pomocą css.

góry dzięki

przełącz się z trybu float, aby wyświetlić: blok wbudowany i wyrównanie tekstu: środek względem rodzica, a powinieneś być dobry, aby przejść – RGLSV

Aby uniknąć problemów z przeglądarką, upewnij się, że nie pozostawiasz białego odstępu między znakami div, gdy za pomocą wbudowanego bloku. –

dziękuję wszystkim –

To może robić to, co staramy się:

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

2015-01-06 15:37:38 lante

dzięki :), to działa idealnie w porządku –

Odpowiedz