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来设置垂直居中显示吧！