css 图片水平居中+自动等比例缩放

这个CSS代码实现了让图片在DIV中水平居中，并且自动缩放至在CSS中指定的大小。

CSS这样写：

content img{max-width: 678px!important;height: auto!important;width:expression(this.width > 678 ? "678px" :true)!important;-webkit-max-width:678px; margin:0 auto;display:block;}

如果图片宽度超过678px，则自动等比例缩放至678px，否则按实际大小显示。并且水平居中显示。
你可以修改678px这个数字的值，改成适合自己的大小。

html中这样调用：

<div class="content"><IMG src="/member/你的图片地址"></div>

本文来自胡摘网[http://www.hackpro.cn]，转载请标明出处：http://www.hackpro.cn/art/4006.html

转载于:https://www.cnblogs.com/superfans/archive/2011/10/26/2225622.html