div+css中如何让图片垂直居中显示

本来以为垂直居中使用 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的值一样才可以.

如果要使图片垂直居中，必须在图片前或后加上一个字符，比如空字符 "&nbsp;" 才有效。