CSS implementation picture horizontally vertically centered in div a tag
<div class= "Demo" >
<a href= "#" >
</a>
</div>
/*for Firefox chrome*/
. demo{border:1px #ddd Solid;width:208px;height:148px;overflow:hidden;text-align:center;display:table;float:left; Position:relative;}
. demo a{display:table-cell;vertical-align:middle;width:200px;height:140px;}
. Demo a img{border:1px #ddd solid;margin:0 auto;max-width:200px;max-height:140px;}
/*for ie7*/
*+html. Demo A{position:absolute;top:50%;width:100%;text-align:center;height:auto;}
*+html. Demo a img{position:relative;top:-50%;left:-50%;}
/*for ie6*/
*html. Demo A{position:absolute;top:51%;width:100%;text-align:center;height:auto;display:block;}
*html. Demo a img{position:relative;top:-50%;left:-50%;width:expression (this.width>200? ") 200px ":" Auto "); Height:expression (this.height>140?") 140px ":" Auto ");}
CSS implementation picture horizontally vertically centered in div a tag