div中的图片链接居中的问题

以下为详细代码

另外一个不设定图片大小的居中样式

以下为详细代码

<!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>无标题文档</title>
<style type="text/css">
.pp-list {
height: 1%;
overflow: hidden;
display:table;
border-spacing:10px;
}
.pp-list li {
border:1px solid #aaa;
width:150px;
height:150px;
text-align:center;
vertical-align:middle;
position:relative;
margin: 10px;
*float:left;
display: table-cell;
}
.pp {
*position:absolute;
top:50%;
}
.pp img {
*position:relative;
top:-50%;
left:-50%;
}
</style>
</head>
<body>
<ul class="pp-list">
<li><div class="pp"><img src="http://i0.sinaimg.cn/blog/08index/blog_mj_005_2.gif" _ewebeditor_ta_src="http%3A%2F%2Fi0.sinaimg.cn%2Fblog%2F08index%2Fblog_mj_005_2.gif" ></div></li>
<li><div class="pp"><img src="http://mat1.qq.com/www/images/allskin/wmlogo.gif" _ewebeditor_ta_src="http%3A%2F%2Fmat1.qq.com%2Fwww%2Fimages%2Fallskin%2Fwmlogo.gif" ></div></li>
<li><div class="pp"><img src="http://img1.cache.netease.com/cnews/netease/logo_w.gif" _ewebeditor_ta_src="http%3A%2F%2Fimg1.cache.netease.com%2Fcnews%2Fnetease%2Flogo_w.gif" ></div></li>
</ul>
</body>
</html>

前一页:css改变页面中的文字颜色与字体粗体

后一页:相册列表显示模式