使图片水平垂直于层的方法

<style>
body{ margin:0 ; padding:0; background-color:#333333; color:#FEFEFE; font-size:12px; line-height:150%}    
.ver-center { background: #292928; text-align: center; display: table-cell; vertical-align: middle; height: 400px; width:400px;}     
.edge {width: 0; height: 100%; display: inline-block; vertical-align: middle;}    
.container {text-align: center; width: 100%; display: inline-block; vertical-align: middle;}  
</style>

 

 

<div class="ver-center">  
    <span class="edge"></span>  
    <span class="container"> <img src="http://www.css88.com/attachments/month_0805/b2008526221238.jpg" alt="" />  </span>  
</div>