网站首页 | 公司介绍 | 服务项目 | 作品展示 | 联系方式

首页 >> 设计技巧设计技巧
[廊坊网络公司]图片在div容器内垂直居中的解决办法

大致思路是把img依托于<p>去在div容器内实现图片的垂直居中和水平居中;样式写法如下:

 .fitimg{
 width:90px;
 height:90px;
 padding:1px;
 border:#878787 1px solid;
 background:#fff;
 overflow:hidden;
 position:relative;
 display:table-cell;
 text-align:center;
 vertical-align:middle;
}
.fitimg p{
 position:static;
 +position:absolute;
 top:50%;
}
.fitimg p img {
 position:static;
 +position:relative;
 top:-50%;
 left:-50%;
 display:table-cell;
}

版权所有 © 2010-2012 廊坊易路设计公司 冀ICP备09040021号地址:廊坊市建国道东方新天地427室 邮箱:quanmiao@yahoo.cn