我想使用垂直對齊：中間

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/