按比例缩小图片的CSS代码
2011-08-31 10:38
190 查看
代码简介:
CSS按比例缩小图片,有时候图片太大,会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度。提示:这样用CSS来套JS,会损失很大的加载运行速度等。
代码内容:
View Code
<title>按比例缩小图片的CSS代码 - www.webdm.cn</title>
<style>
img,a img{
border:0;
margin:0;
padding:0;
max-width:200px;
width:expression(this.width>200?"200px":this.width);
max-height:200px;
height:expression(this.height>200?"200px":this.height);
</style>
<img src="http://www.webdm.cn/images/wall3.jpg">
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
代码来自:http://www.webdm.cn/webcode/510d8159-0b80-453a-a7c9-a2b9c79307df.html
CSS按比例缩小图片,有时候图片太大,会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度。提示:这样用CSS来套JS,会损失很大的加载运行速度等。
代码内容:
View Code
<title>按比例缩小图片的CSS代码 - www.webdm.cn</title>
<style>
img,a img{
border:0;
margin:0;
padding:0;
max-width:200px;
width:expression(this.width>200?"200px":this.width);
max-height:200px;
height:expression(this.height>200?"200px":this.height);
</style>
<img src="http://www.webdm.cn/images/wall3.jpg">
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
代码来自:http://www.webdm.cn/webcode/510d8159-0b80-453a-a7c9-a2b9c79307df.html
相关文章推荐
- 用CSS等比例缩小图片代码
- 纯css的防止图片撑破页面的代码图片会自动按比例缩小
- CSS强制按比例缩小图片
- js+CSS 图片等比缩小并垂直居中实现代码
- js+css图片自动等比例缩小且垂直居中
- 指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
- Div里CSS控制图片按比例扩大缩小不变形
- 符合Web标准,CSS同比例缩小图片
- 完美的css背景图片全屏显示,能比例缩小,不留空白
- div css布局中CSS图片大小自动按比例等比例缩小图片不变形解决技巧(转)
- 利用CSS按比例缩小图片
- 指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
- Css 同比例缩小图片
- CSS强制等比例缩小图片
- js+css图片自动等比例缩小且垂直居中[v20071208]
- 图片自动按比例缩小代码(防止页面被图片撑破)
- jquery图片不完全按比例自动缩小的简单代码
- 图片自动按比例缩小代码(防止页面被图片撑破)
- 图片自动按比例缩小代码(防止页面被图片撑破)
- 利用CSS按比例缩小图片