<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div 让文字或图片
居中_www.jb200.com</title>
</head>
<style type="text/css">
.imageWrap{ width:200px; height:200px; text-align:center; border:#999 solid 1px; display:table-cell; vertical-align:middle; position:relative;}
.imageWrap .outer{ +position:absolute; +top:50%;+left:0}
.imageWrap .inner{ +position:relative; +top:-50%;+left:0}
.imageWrap img{ display:block; margin:0 auto}
</style>
<body>
<div class="imageWrap">
<div class="outer">
<div class="inner">
<img src="http://www.jb200.com/img/jbxue.gif"/>
<a href="#">
脚本学堂</a>
</div>
</div>
</div>
</body>
</html>