图片上下左右垂直居中

图片上下左右垂直居中

html部分

<div class="page">

    <img src="test.png"><span></span>

</div>

css部分

.page {   

  width: 100%;   

  height: 100%;   

  text-align:center; 

} 

.page img{   

  position: relative;

  vertical-align: middle; 

}  

.page span{   

  height: 100%;

  width: 0;

  overflow: hidden;

  display: inline-block;

  vertical-align: middle;

}