div中文字垂直居中

本来以为垂直居中使用 vertical-align:middle就可以了，但是在Div中就不起作用。

<div style="height:100px; width:100px; background-color:#eeeeee; text-align:center; vertical-align:middle">
文字
</div>

这样写文字就不能垂直居中，因为vertical-align:middle这句不起作用(水平居中text-align:center是可以的)，所以Div中的垂直居中需要使用line-height来实现，以上代码改成

<div style="height:100px; width:100px; background-color:#eeeeee; text-align:center; line-height:100px;">
文字
</div>

这样就行了，值得注意的是line-height的值要和height的值一样才可以。

原帖地址：http://www.cnblogs.com/lkp1331/archive/2008/12/18/1357822.html