欢迎光临
一起探讨学习进步

图片水平垂直居中解决方案

好了,废话不多说,直接上代码:

HTML:

<div class="img_wrap">
    <h5><a href="/info/detail-3"><img src="http://www.liuzongyang.com/static/images/logo.png" alt="logo" /></a></h5>
</div>

CSS:

.blue .img_wrap {
    width: 137px;
    height: 32px;
    text-align: center;
}
.blue .img_wrap h5 {
    width:137px;
    height:32px;
    line-height:32px;  /* 行高等于高度 */
}
.blue .img_wrap h5 img {
    *margin-top:expression((400 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;
    display:inline-block;
}


未经允许不得转载:图片水平垂直居中解决方案

评论 0

评论前必须登录!