码迷,mamicode.com
首页 > 其他好文 > 详细

图片垂直居中

时间:2014-05-27 16:08:20      阅读:321      评论:0      收藏:0      [点我收藏+]

标签:c   class   http   ext   a   width   

.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

图片垂直居中

标签:c   class   http   ext   a   width   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!