HTML code:
<div class= "Demo"><a href="#"><img src=" Images/01.jpg " /></a></div>
Css
/*for Firefox chrome*/
. demo{border:1px #ddd Solid;width:208px;height:148px;overflow:hidden;text-align:center;display:table;float:left; Margin:50px;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 ":" Atuo "); Height:expression (this.height>140?") 140px ":" Atuo ");}
Picture horizontally vertically centered on div (picture unknown width height)