如何编写html代码控制图片显示的大小？

用<imgsrc="image/2.jpg">在表格中导入一个图片，但是图片大小大于表格设置的大小，怎样编写代码是图片缩小显示在表格中，以表格的大小为基准... 用<img src="image/2.jpg">在表格中导入一个图片，但是图片大小大于表格设置的大小，怎样编写代码是图片缩小显示在表格中，以表格的大小为基准展开

 我来答

7个回答

#热议# 不吃早饭真的会得胆结石吗？

XYYF9798
2018-06-08 · TA获得超过26.9万个赞

知道小有建树答主

回答量：83

采纳率：100%

帮助的人：4.8万

我也去答题访问个人页

关注

展开全部

具体操作步骤如下：

1、首先新建一个HTML页面，这里命名为“new_file.html”

2、接着给标签设置背景图片，例如设置的是<body>标签。

3、接着新建一个css文件，如图，命名为“1.css”

4、这里给body标签设置background-size属性，如果标签是div就写div，然后可以设置宽度和高度。

5、如图所示，在new_file.html里面写上这个：<link href="css/1.css" type="text/css" rel="stylesheet"/>就可以设置背景图片的大小了。

已赞过 已踩过<

评论收起

武汉市江夏区青臻办公家..

广告2024-12-26

网站制作，专业团队，打造独特风格，让您的网站与众不同!定制网站，让你的企业形象更加鲜明，吸引更多关注!

qianhu.wejianzhan.com

秀乞群群
2015-03-30 · TA获得超过19万个赞

知道顶级答主

回答量：6.7万

采纳率：91%

帮助的人：2.4亿

我也去答题访问个人页

关注

展开全部

原理：
用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;'>

已赞过 已踩过<

评论收起

bug兔v
2018-05-18 · TA获得超过1071个赞

知道答主

回答量：23

采纳率：100%

帮助的人：1.1万

我也去答题访问个人页

关注

展开全部

用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;'>

已赞过 已踩过<

评论收起

凉若诺
2018-05-27 · TA获得超过1243个赞

知道答主

回答量：20

采纳率：0%

帮助的人：3740

我也去答题访问个人页

关注

展开全部

<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在加载图片后判断图片是否突破规定的高和宽，如果超过再根据图片的宽高比例进行调整。
或者：
<imgsrc="..."style="width:100px;height:100px;"/>
width宽height高，将改变的数值填入其中即可。