如何将div垂直对齐div紧跟在body标签之后

Question

我想对齐中间div标签。我将body和html高度设置为100％并给出div属性vertical-align: middle，但它对我不起作用。我谷歌它，大多数示例他们使用2 div标签bug在我的情况下，我必须只使用一个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>