CSS中如何使图片不变形居中呢？

img{
　　max-width: 100%;
　　max-height: 100%;
　　display: block;
　　margin: auto;
}

以上代码四行的作用分别如下：
1.max-width: 100% 保证图片不超出父容器的宽度。
2.max-height: 100% 保证图片不超出父容器的高度。
3.display: block 使图片变为块级元素，方便设置水平居中，同时避免与其他元素重叠。
4.margin: auto 利用margin的auto值可以实现水平、竖直居中（当然前提是img元素必须与父元素同属于块级元素）。