且把包含图片的div中的display属性设置成table-cell，最后给有图片的div设置成vertical-align:
middle属性，代码如下：
.tablebox{
width: 300px
height: 250px
background: #fff
display: table
}
#xxx{
display: table-cell
vertical-align: middle
}
#xxx img{
width: 100px
}
可以多看看黑马程序员的课程，多学学这些基础知识。
.content img {display:blockmargin:auto}即可
如果你仅仅需要在ie中用css控制图片大小并且不变形的方法.
则给需要变形的img赋予 zoom 这个CSS属性，他的值为 0到1之间的小数，比如
img {zoom:0.5}
即图片的长宽变为原来的一半。
1、第一种css代码如图所示。display设置成table-cell，text-align为center，垂直居中设置vertical-align为middle。
2、打开浏览器查看结果，图片已处于正中状态。
3、第二种方法css代码如图。div设置成相对定位，img设置成绝对定位，然后left:50%，top:50%，此时图片的左上角将位于div的中心。重点：图片向上移动图片高度的一半，并向左移动图片宽度的一半。正好为与div正中间。
4、在浏览器查看结果，图片水平，垂直均居中。
