0

可能重复：
在另一个 div 中垂直居中一个 div

我正在尝试将一个 div 垂直对齐到另一个 div 中。它也居中，但我似乎能够开始工作。内部 div 有一个明确的宽度，我需要能够做到这一点。高度应由内容量决定。我已经尝试过我在 stackoverflow 上看到的各种解决方案，但它们似乎都不能正常工作。如果内部 div 上没有明确的宽度，或者如果不需要水平居中，它们中的一些似乎可以工作。这个问题与其他问题的不同之处在于那些没有明确的宽度，或者当他们这样做时，解决方案包括静态填充或计算填充的 javascript。我希望避免这种情况。

html:

<div class="outer">
    <div class="inner">
        //some stuff<br/>
    </div>
</div>

CSS：

.outer {
width: 100%;
height: 96px;
    position:relative;
border:1px black solid;   
background-color: black;
}

.inner {
    width:900px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
border: 1px red solid;
vertical-align: middle;
background-color: white;
}

http://jsfiddle.net/F4nrp/

更新，这是由下面的路人解决的。确实有很多人提出了非常相似的问题，但是我认为这里有足够的不同。答案也与我见过的任何其他答案都不一样。

4

0 回答 0