如何编写html代码控制图片显示的大小?
用<imgsrc="image/2.jpg">在表格中导入一个图片,但是图片大小大于表格设置的大小,怎样编写代码是图片缩小显示在表格中,以表格的大小为基准...
用<img src="image/2.jpg">在表格中导入一个图片,但是图片大小大于表格设置的大小,怎样编写代码是图片缩小显示在表格中,以表格的大小为基准
展开
展开全部
原理:
用JS在加载图片后判断图片是否突破规定的高和宽,如果超过再根据图片的宽高比例进行调整。
特别说明,JS代码只限制图片的高或者宽时,宽或者高会按照比例进行相应调整。
假如你需要把所有的图片显示在140*226的区间里面,那么就使用下面这样的代码:
<img
src=2009/04/1232336585-19.jpg
onload='if
(this.width>140
||
this.height>226)
if
(this.width/this.height>140/226)
this.width=140;
else
this.height=226;'>
用JS在加载图片后判断图片是否突破规定的高和宽,如果超过再根据图片的宽高比例进行调整。
特别说明,JS代码只限制图片的高或者宽时,宽或者高会按照比例进行相应调整。
假如你需要把所有的图片显示在140*226的区间里面,那么就使用下面这样的代码:
<img
src=2009/04/1232336585-19.jpg
onload='if
(this.width>140
||
this.height>226)
if
(this.width/this.height>140/226)
this.width=140;
else
this.height=226;'>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<img src="..." style="width:100px;height:100px;" />
width宽 height高
width宽 height高
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询