注:收藏于蓝色(http://bbs.blueidea.com/thread-2666987-1-3.html)
<!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=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<title>图片居中</title>
<style type="text/css">
*{padding:0; margin:0;}
.out {width:200px; height:200px;line-height:200px; border:1px solid #ccc; overflow:hidden; position:relative; text-align:center; margin:0 auto; }
.out p { position:static; +position:absolute; top:50%; vertical-align:middle }
.out p img { position:static; +position:relative; top:-50%;left:-50%; width:120px; height:120px;vertical-align:middle; }
</style>
</head>
<body>
<div class="out"><p><img src="info.jpg"/></p></div>
</body>
</html>
仅仅收藏