<!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=utf-8" />
<title>垂直居中的DEMO</title>
<style>
*{ margin:0px; padding:0px;}
.wrap{ height:600px; background:#CCC; margin:20px;}
.wrap table{ height:100%; width:100%;}/*必须要这句哦*/
body img{ width:400px; height:400px;}
</style>
</head>
<body>
<div class="wrap">
<table cellpadding="0" cellspacing="0">
<tr>
<td valign="middle" align="center"><img src="1.jpg" /></td>
</tr>
</table>
</div>
</body>
</html>
