一直以来都没有找到一种完美解决DIV垂直居中的方法，今天终于找到了，特记录如下，从此不再用table来居中了。^^
<html>
<style>
#image{
width:500px;
height:500px;
background:#fff000;
text-align: center;
overflow: hidden;
}
#image img {
vertical-align: middle;
}
#block {
width: 0px;
height: 100%;
}
</style>
<body>
<div id="image">
<img src="http://www.mm21.cn/dimg6/qqtu/201105/20110507234620615.jpg"/>
<img src="" id="block"/>
</div>
</body>
</html>