<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <title>div的内容图片垂直居中代码(兼容多浏览器)</title> <style type="text/css"> .psdthumb { height: 1%; overflow: hidden; display:table; border-spacing:10px; } .psdthumb li {border:1px solid #aaa; width:240px; height:160px; text-align:center; vertical-align:middle; position:relative; margin: 10px; *float:left; display: table-cell; } .psdthumb .qq { *position:absolute; top:50%; } .psdthumb .qq img { *position:relative; top:-50%; left:-50%; } </style> </head> <body> <div class="psdthumb"> <li><div class="qq"><img src="http://mat1.qq.com/www/images/allskin/wmlogo.gif" ></div></li> <li><div class="qq"><img src="http://img1.cache.netease.com/cnews/netease/logo_w.gif" ></div></li> </div> </body> </html>