image_图片两侧自动隐藏

 

 

<div>
   <a>
    <img src="1.jpg"/>
   </a>
</div>

div{position:relative;}

a{position:absolute;top:-100%;bottom:-100%;left:-100%;right:-100%;text-align:center;}

a:before{content:"";display:inline-block;vertical-align:middle;height:100%;}

img{vertical-align:middle;}