当前位置 : 主页 > 网页制作 > css >

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

来源:互联网 收集:自由互联 发布时间:2021-06-13
当我以DIV为中心时,我会给它一个宽度并将保证金:自动放在上面,但是我对这种情况有两个问题. 在这个父DIV中将有2或3个DIVS,浮点数:左侧.子DIVS的宽度不会改变,但数量可能是(2或3). 因
当我以DIV为中心时,我会给它一个宽度并将保证金:自动放在上面,但是我对这种情况有两个问题.

>在这个父DIV中将有2或3个DIVS,浮点数:左侧.子DIVS的宽度不会改变,但数量可能是(2或3).
>因此,这意味着我不能通过不知道内部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为中心.

见: 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>

它应该工作.

网友评论