img如何在div中垂直居中？要支持所有浏览器

发布：2014/11/7 13:11:53作者：管理员来源：本站浏览次数：1386

假设div(命名为ss)宽度为500px，高度为200px，图片高度宽度均为150px;则
.ss img{width:150px;height:150px;display:block;margin-top:25px;margin-left:175px;}
如果图片高度不确定，则设置成
.ss img{position:absolute;left:50%;top:50%}

<style type="text/css"> 
.psdthumb { height: 1%; overflow: hidden; display:table; border-spacing:10px; } 
.psdthumb li {border:1px solid #aaa; width:240px; height:160px; text-align:center; vertical-align:middle; position:relative; margin: 10px; *float:left; display: table-cell; } 
.psdthumb .qq { *position:absolute; top:50%; } 
.psdthumb .qq img { *position:relative; top:-50%; left:-50%; }
</style>
<div class="psdthumb">
<li><div class="qq"><img src="http://mat1.qq.com/www/images/allskin/wmlogo.gif" ></div></li> 
<li><div class="qq"><img src="http://img1.cache.netease.com/cnews/netease/logo_w.gif" ></div></li> 
</div>

　Android2.2 控件列表和层次

select2的使用复选　

div或元素垂直居中对齐，Css3在html5中实现，流式display:flex布局 css如何实现图片在div中垂直居中 css：div中图片等比例缩放后垂直水平居中 img如何在div中垂直居中？要支持所有浏览器

柏港建站平台

柏港 CSS

img如何在div中垂直居中？要支持所有浏览器

柏港为您推荐了一些相关资讯