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
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步