图片绝对居中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片绝对居中</title>
<style media="screen" type="text/css">
.holder{width:500px; height:200px; display:table; position:relative; margin:12px auto; border:1px solid #596480; background:#ffc;}
.holder div{*position:absolute; top:50%; left:0; display:table-cell; vertical-align:middle; width:100%;}
.holder p{position: relative; top:-50%; text-align:center; margin:0; padding:0;}
</style>
</head>
<body>
<div class="holder">
<div><p><img src="/wp/wp-content/themes/fucklenovo/images/aboutme.gif" /></p></div>
</div>
</body>
</html>
提示：您可以先修改部分代码再运行
