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

本文介绍了基本CSS问题 - 父DIV与未知的子DIVS，居中的父DIV的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

当我对中一个DIV我会给它一个宽度，并把 margin：auto 上，但我有两个问题这种情况。

When i'm centering a DIV i will give it a width and put margin:auto on it, however i have two problems with this situation.

这个父DIV中有2或3个DIV，float：left。子DIVS的宽度不会改变，但数字可能为（2或3）。

There are going to be either 2 or 3 DIVS inside this parent DIV with float:left on them. The width of the child DIVS won't change but the number might (2 or 3).

因此这意味着我不能在父DIV通过不知道内部的DIV的数量。

This therefore means i cant put a width on the parent DIV through not knowing the number of DIVs inside.

样本标记：

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

So in summary, i need to have the parent DIV centered with the DIVs inside floated left.

推荐答案

请参阅：

.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>

它应该可以工作。

这篇关于基本CSS问题 - 父DIV与未知的子DIVS，居中的父DIV的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！