html - 我想使用垂直对齐 :middle

Question

jsFiddle:http://jsfiddle.net/2CRZP/

我想使用 vertical-align:middle 或其他东西 (CSS) 将灰色框放在屏幕中间。

<div class="container-fluid">
    <div class="hero-unit">
        <h1>Test</h1>
        <p>stackoverflow</p>
        <p>
            <div class="row-fluid">
                <div class="span2"><a href="./basecss.html" class="btn btn-primary btn-block" target="_blank">BASE CSS</a></div>
            </div>
        </p>
    </div>
</div>

Answer 1

http://jsfiddle.net/2CRZP/2/

你必须把这个:

.container-fluid {
    position:absolute;
    top:50%;
    margin-top:-160px;
}

在 margin-top 中，高度 div 的一半为负数。 (如果你编辑它)vertical-align:middle 仅适用于 TD 表。 ;)