css精灵如何控制图片垂直显示

Answer 1

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

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

当然这个在IE低版本下有兼容性问题，如果不考虑IE8以下的都是可以的！

Answer 2

.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;
}

Answer 3

可以使用vertical-align：middle 来让图片垂直居中

Answer 4

什么叫垂直显示？

Answer 5

background-position已经被用来设置雪碧图的图标了，应该不能设置垂直了吧（个人看法）。应该可以在多使用一个span包裹起来，外面通过这个span来设置垂直居中显示吧！