用css来控制图片大小显示的实现方法与代码
2023-06-13 09:13:54 时间
有时候图片太大,会破环网页整齐的布局。这时可以用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,如果不超过则按原大小显示。
相关文章
- 弹出的模式窗体控制父窗体的方法
- 江南大学团队新方法,让微型机器人实现精确路径跟踪控制
- Oracle RMAN自动备份控制文件方法介绍
- Struts页面转发控制ActionForward和ActionMapping详解编程语言
- Linux下组管理与权限控制(Linux权限和组)
- HTML5 audio脚本控制播放的方法详解编程语言
- php控制访问人数的方法详解编程语言
- 研究机构发现了一种控制材料发光的新方法
- 管理Linux用户权限管理:分享与控制(linux用户的权限)
- 麻省理工所属新加坡研究机构发现了一种控制材料发光的新方法
- 时使用Java操作Redis实现过期时间控制(redisjava过期)
- Linux 信号量:强大的实现控制功能(linux信号函数)
- SQL Server表锁——实现并发控制的有效方法(sqlserver表锁定)
- 妙用SQLserver控制数据库表的收缩(sqlserver收缩表)
- 精准掌控Oracle数据库内存使用(oracle内存控制)
- Oracle作业中如何控制日期参数(oracle作业日期参数)
- 展现Redis集群控制之道访问命令(redis集群访问命令)
- 控制在Oracle中控制字符串最大长度的方法(oracle中字符串最长)
- 控制 Oracle用三种权限登录控制的安全性分析(oracle三个权限登陆)
- Asp.net控制Tomcat启动关闭的实现方法
- 再谈远程控制linux下
- js控制表单奇偶行样式的简单方法
- js控制容器隐藏出现防止样式变化的两种方法
- jQuery控制TR显示隐藏的几种方法
- Apache限制IP并发数和流量控制的方法
- C#实现通过winmm.dll控制声音播放的方法