如果已知父容器和img的宽和高，可以这么解决：
*{margin:0;padding:0;border:none;}
.div1{width:300px;height:300px;margin:100px auto;border:1px solid #00F;position:relative;}
/*如果想图片超出的部分隐藏，就在div1中加overflow:hidden;*/
.div1 img{width:500px;height:300px;position:relative;top:50%;left:50%;margin-left:-250px;margin-top:-150px;}
/*思路是使div和img的中心点重合，中心点重合后img就在div中垂直水平居中了。margin-left和margin-top的值分别是图片本身宽度的一半、高度的一半*/
