资源描述：
《css实现图片等比例缩放》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、一、CSS实现图片等比例缩放成功(演示)可能会遇到这样的情况，当用户上传一张很大的图片的时候，这样网页的布局有可能会打乱，如果用JavaScript来处理这样的问题可能会影响网页的运行效率，最好的方法是用CSS来实现，先看效果： #test{ max-width: 200px; width:expression(this.width > 200 ? "200px" : this.width); height:expression(this.height > 200 ? "200px" : this.
2、height); overflow:hidden; } 二、css实现图片上下左右居中且等比例缩放不规则图片在定宽高的DIV内，上下左右都居中，并且可以等比例缩放。显示效果如下：
3、0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">无标题文档.div1{ /*非IE内核*/ display:table-cell; v
4、ertical-align:middle; /*IEneihe*/ *display:block; *font-size:175px;/*高度为200PX， 则200*0.873约为175px*/ text-align:center; width:200px; height:200px; } .div1img{vertical-align:middle;/*之前的是图片上下左右居中。后面的是处理等比例缩放的*/max-width:200px;width:expression(this.width>20
5、0?"200px":this.width);max-height:200px;height:expression(this.height>200?"200px":this.height);}
