我想使用垂直对齐：中间

Question

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

我想提出的灰色框使用垂直对齐屏幕的中间：中间或东西（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

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

如果你想使用vertical-align与divs，请尝试display：table-cell;

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