基本的CSS问题 - 父DIV与未知的子DIVS,居中的父DIV

时间:2011-08-23 09:45:55

标签: css

当我以DIV为中心时,我会给它一个宽度并将margin:auto放在上面,但是我对这种情况有两个问题。

  1. 在这个父DIV中将有2或3个DIVS,其中浮动:左侧。子DIVS的宽度不会改变,但数字可能是(2或3)。

  2. 因此,这意味着我不能通过不知道里面的DIV数量来在父DIV上放宽。

  3. 示例标记:

    <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为中心。

1 个答案:

答案 0 :(得分:7)

请参阅: 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>

它应该有用。