首页 > 其他 > 详细

图片垂直居中

时间:2014-05-27 16:07:56      阅读:479      评论:0      收藏:0      [点我收藏+]

.box {
/*非IE6、IE7的主流浏览器识别的垂直居中的方法*/
display: table-cell;      //设置了这个属性之后,此元素会做为一个表格单元格显示,类似th、td,margin属性将不起作用
vertical-align:middle;

 

/* 针对IE6、IE7的Hack */
*display: block;
*font-size: 175px; /*约为高度的0.873,200*0.873 约为175*/

 

/*其他样式*/

text-align:center;

width:200px;

height:200px;

border: 1px solid #eee;
}

 

 

<div class="box">
<img src="http://www.websqq.com/图片路径文件.jpg" />
</div>

图片垂直居中,布布扣,bubuko.com

图片垂直居中

原文:http://www.cnblogs.com/jinyao/p/3753246.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!