有时候利用css比较方便控制网页html中img图片的显示大小。这样也省得自己一个一个去定义。
img,a img{ border:0; margin:0; padding:0; max-width:600px; width:expression(this.width>600?"600px":this.width); max-height:600px; height:expression(this.height>600?"600px":this.height); }
这样当我们的图片高度 宽度 超过600时 就默认把 高 宽 限定在 600
|
1
2
3
4
5
6
7
8
9 |
img,a img{ border:0; margin:0; padding:0; max-width:650px; width: expression(this.width > 650
&& this.width > this.height ? 650px
: ‘auto‘;); max-height:1650px; height: expresion(this.height > 1650
? 1650px
: ‘auto‘;);} |
某些情况使用上面的css 访问页面是 图片会变成小图，如出现问题 可以按照下面替换下
width:expression(this.width>600?"600px":this.width); 改成
width:expression(this.width>600?"600px":auto);
height:expression(this.height>600?"600px":this.height);
height:expression(this.height>600?"600px":auto);
原文网址：http://www.itokit.com/2011/0918/69478.html
原文：http://www.cnblogs.com/cxeye/p/3527807.html