用css来控制图片大小显示的实现方法与代码
2007-03-22 00:00
1371 查看
有时候图片太大,会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度
css代码如下:
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
这样当图片的高度或宽度若超过590px,将会按比例压缩成590px,如果不超过则按原大小显示。
css代码如下:
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
这样当图片的高度或宽度若超过590px,将会按比例压缩成590px,如果不超过则按原大小显示。
相关文章推荐
- 用css来控制图片大小显示的实现方法与代码
- css 图片自适应宽度 CSS实现控制图片自适应显示宽度代码
- 用CSS来控制图片显示大小的代码
- JS实现控制图片显示大小的方法【图片等比例缩放功能】
- S实现控制图片显示大小的方法【图片等比例缩放功能】
- 用CSS控制图片大小显示的方法
- 用CSS来控制图片显示大小的代码
- 实现图片大小的自动控制( 图片大小控制CSS代码)
- 用CSS控制图片大小显示的方法
- 用CSS控制图片大小显示的方法
- 实现图片大小的自动控制( 图片大小控制CSS代码)
- 实现图片大小的自动控制( 图片大小控制CSS代码)
- CSS- 控制图片显示指定大小 并超过大小自动缩小
- CSS控制图片和文字在同一行显示且对齐的3种方法
- 用CSS控制图片自适应大小的方法
- jQuery动态改变图片显示大小(修改版)的实现思路及代码
- css控制图片大小的方法
- CSS实现文字半透明显示在图片上方法
- jQuery动态改变图片显示大小(修改版)的实现思路及代码
- CSS控制图片和文字在同一行显示且对齐的3种方法