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

posted @   superfans98  阅读(2179)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示