css - 基本 CSS 问题 - 父 DIV 与未知子 DIVS，居中父 DIV

Question

当我将 DIV 居中时，我会给它一个宽度并在其上放置 margin:auto，但是在这种情况下我有两个问题。

1. 在这个父 DIV 中将有 2 个或 3 个 DIVS，它们上面有 float:left。子 DIVS 的宽度不会改变，但数字可能会改变(2 或 3)。

2. 这意味着我无法在不知道内部 DIV 数量的情况下在父 DIV 上设置宽度。

示例标记:

<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 居中，内部的 DIV 向左浮动。

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>

它应该可以工作。