解决图片撑大问题
来源:风之相随'S BLOG 时间:2009-09-22 14:51:00
有两种方法供参考.
一种是实实在在的将图片先用ASPJPEG组件做成想要的尺寸,再读取
好处是节省服务器带宽,速度快
坏处是处理起来较为麻烦,并网络贴过来的图没办法处理.
还有一种方法是,只设定图片的宽度或只设定图片的高度(在代码中直接设置,不用JS)。
如<img src="1.jpg" width="300">
或<img src="1.jpg" height="300"> 图片读取时会跟据你的设置自动缩放比例
好处是设计起来非法简单
坏处是只能设一个值,可能达不到你想要的结果。
还有一个办法就是
<div style="width:300px;height:350px;overflow:hidden;">
<img src="1.jpg" onload='javascript:if(this.width>300)this.width=300;if(this.height>350)this.height=350'>
</div>
将图片放到一个DIV内,DIV设置宽和高,将设置超出部分属性为隐藏,这样图片在预读时很大也不会出撑宽表格了。
不过以上三种方法都可以解决撑大的问题。
标签:图片,尺寸
0
投稿
猜你喜欢
Python下利用BeautifulSoup解析HTML的实现
2021-11-20 03:33:54
python如何利用cv2.rectangle()绘制矩形框
2021-03-14 10:12:51
Pycharm 使用 Pipenv 新建的虚拟环境(图文详解)
2023-12-08 18:55:11
YOLOV5代码详解之损失函数的计算
2022-06-09 02:01:58
mysql 8.0.11安装配置方法图文教程
2024-01-27 17:22:08
详解Gotorch多机定时任务管理系统
2024-04-26 17:35:17
Python基于lxml模块解析html获取页面内所有叶子节点xpath路径功能示例
2022-11-13 00:12:24
python numpy数组中的复制知识解析
2023-08-10 14:41:33
python 集合常用操作汇总
2023-11-15 08:41:22
Pycharm虚拟环境pip时报错:no suchoption:--bulid-dir的解决办法
2023-02-15 20:56:11
jQuery 横向滚动图片
2009-03-11 13:09:00
Python中的axis参数的具体使用
2021-06-14 19:42:53
可能是最通俗的一篇介绍markdown的文章
2022-08-09 09:48:43
MYSQL中怎样设列的默认值为Now()的介绍
2008-11-01 16:54:00
一篇文章教你用python画动态爱心表白
2021-02-10 04:14:38
Python flask 框架使用flask-login 模块的详细过程
2021-05-02 04:38:08
教你如何使用Python开发一个钉钉群应答机器人
2023-08-03 17:44:16
Javascript动态伸缩+淡出淡入
2024-06-22 02:57:21
Python django搭建layui提交表单,表格,图标的实例
2022-09-18 19:40:19
分享MYSQL插入数据时忽略重复数据的方法
2024-01-17 15:04:49