Question

我想使用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：中间仅适用于TD表。 ;）

Answer 2

你的意思是绿色的盒子？！我没有看到任何灰盒子

如果要对div使用vertical-align，请尝试display：table-cell;

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

我想使用vertical-align：middle

2 个答案: