html - 我想使用垂直对齐：中间

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;
}

在边距顶部，您有一半的高度 div 为负数。（如果您对其进行编辑）并且垂直对齐：中间仅适用于 TD 表。;)

Answer 2

你是说绿盒子？！我没有看到任何灰色框

如果你想对 div 使用垂直对齐，试试 display:table-cell;

http://phrogz.net/css/vertical-align/