图片居中显示的css样式代码

.box128{
    width:128px;
    height:128px;
    text-align: center;
    vertical-align:middle;
    display:table-cell !important;
    display:block;
    border:1px solid #DDD;
    white-space:nowrap;
    overflow:hidden;
}
.box128 i {
    line-height: 128px;
    width:0px;
    display:inline-block;
}
.box128 img {
    text-align: center;
    vertical-align: middle;
    display: inline;
}

 

html结构

 

<div class="box128"><i></i><img src"" /></div>

 

注意：图片的高和宽不能大于128，否则会撑开，对于大于的可在服务器端进行处理。