一直以来都没有找到一种完美解决DIV垂直居中的方法，今天终于找到了，特记录如下，从此不再用table来居中了。^^
1 <html> 2 <style> 3 #image{ 4 width:500px; 5 height:500px; 6 background:#fff000; 7 text-align: center; 8 overflow: hidden; 9 } 10 #image img { 11 vertical-align: middle; 12 } 13 #block { 14 width: 0px; 15 height: 100%; 16 } 17 </style> 18 <body> 19 <div id="image"> 20 <img src="http://www.mm21.cn/dimg6/qqtu/201105/20110507234620615.jpg"/> 21 <img src="" id="block"/> 22 </div> 23 </body> 24 </html>