你是用div包裹了個img，那你就可以用div:position:relative;width:100%;height:100%

而img就position：absolute;top:50%;left:50%

當(dāng)然這個在IE低版本下有兼容性問題，如果不考慮IE8以下的都是可以的！

.img{
????position:absolute;
????left:50%;
????top:50%;
????transform:translate(-50%,-50%);
????-moz-transform:translate(-50%,-50%);
????-webkit-transform:translate(-50%,-50%);
????-o-transform:translate(-50%,-50%);
}

<div?class="myDiv">
????<img?class="img"?src=""/>
</div>

.myDiv{
????display:?-moz-box;
????display:?-webkit-box;
????-moz-box-orient:?vertical;
????-webkit-box-orient:?vertical;
????-moz-box-align:?center;
????-webkit-box-align:?center;
????-moz-box-pack:?center;
????-webkit-box-pack:?center;
}??//兼容性不是很好

//??!?ie
.myDiv{
????display:?table-cell;
????vertical-align:middle;
????text-align:center;
}

可以使用vertical-align：middle 來讓圖片垂直居中

什么叫垂直顯示？

background-position已經(jīng)被用來設(shè)置雪碧圖的圖標了，應(yīng)該不能設(shè)置垂直了吧（個人看法）。應(yīng)該可以在多使用一個span包裹起來，外面通過這個span來設(shè)置垂直居中顯示吧！