<!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>无标题文档</title>
<style>
body{padding:100px;}
* {margin:0px;padding:0px}
div {
width: 180px;
height: 180px;
border: 1px solid #000;
position: relative;
display: table-cell;
text-align: center;
vertical-align: middle;
}
div p {
position: static;
+position: absolute;
top: 50%;
}
div img {
position: static;
+position: relative;
top: -50%;
left: -50%;
}
</style>
</head>
<body>
<div> 
<p><img src="images/img.png" width="118" height="99" /></p> 
</div>
<div> 
<p><img src="images/img1.png" width="118" height="99" /></p> 
</div>
<div> 
<p><img src="images/img2.png" width="118" height="99" /></p> 
</div>
</body>
</html>

div中图片居中显示
div中图片居中显示
浏览 435 评论 0 赞 0 砸 0 标签: css
评论
还可以再输入500个字

请您注意

·自觉遵守:爱国、守法、自律、真实、文明的原则
·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·您在NoteShare上发表的作品,NoteShare有权在网站内保留、转载、引用或者删除
·参与本评论即表明您已经阅读并接受上述条款