Основная проблема CSS - родительский DIV с неизвестным дочерним DIVS, центрированный родительский DIV

Question

Когда я центрирую DIV, я дам ему ширину и наложу margin:auto, однако у меня есть две проблемы в этой ситуации.

1. Будут2 или 3 DIVS внутри этого родительского DIV с плавающей точкой: оставлено на них.Ширина дочерних DIVS не изменится, но число может (2 или 3).

2. Следовательно, это означает, что я не могу указать ширину родительского DIV, не зная числаDIVs внутри.

пример разметки:

<div class="parent">
 <div class="child"></div>
 <div class="child"></div>
</div>

или

<div class="parent">
 <div class="child"></div>
 <div class="child"></div>
 <div class="child"></div>
</div>

Итак, в общем, мне нужно, чтобы родительский DIV был центрирован сDIVs внутри плыли влево.

Answer 1

См .: http://jsfiddle.net/qk4dW/

.wrapper {
    text-align:center;
}
.parent,.child {
    display:inline-block;
}

<div class="wrapper">
    <div class="parent">
        <div class="child"></div>
        <div class="child"></div>
        <div class="child"></div>
    </div>
</div>

Должно работать.