基本 CSS 问题 - 父 DIV 与未知子 DIV、居中父 DIV

2024-05-15

当我将 DIV 居中时,我会给它一个宽度并放置margin:auto然而,我对这种情况有两个问题。

  1. 该父 DIV 内将有 2 或 3 个带有 float:left 的 DIV。子 DIVS 的宽度不会改变,但数量可能会改变(2 或 3)。

  2. 因此,这意味着我无法通过不知道内部 DIV 的数量来在父 DIV 上设置宽度。

示例标记:

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

or

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

总而言之,我需要让父 DIV 居中,其中的 DIV 向左浮动。


See: http://jsfiddle.net/qk4dW/ 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>

它应该有效。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

基本 CSS 问题 - 父 DIV 与未知子 DIV、居中父 DIV 的相关文章

随机推荐