如何對齊div垂直對齊div後面的正文標記

Question

我想對齊中間div標記。我將body和html高度設置爲100％並給div屬性vertical-align: middle，但它不適用於我。我谷歌，大多數他們使用2 div標籤錯誤的例子，我不得不使用只有一個股利。

body, html { height:100%}  

<div style="vertical-align:middle; display:table-cell">middle</div> 

Answer 1

如果使用兩個div更好的方式是： http://jsfiddle.net/Smr2y/

但這裏有一個DIV的解決方案： http://jsfiddle.net/M7Mpm/

body, html { height:100%; display:table;} 

<div style="display: table-cell; vertical-align: middle;">middle</div>