在网页制作中怎么限制图片的大小??

发布网友发布时间：2022-04-20 07:32

我来回答

共4个回答

热心网友时间：2022-03-30 04:04

1、首先打开html编辑器，设置一个div并对div设置固定宽度和高度，还要在div里面插入一张图片。

2、接着在上方设置div和img的样式，将图片的宽度设置为何父级一样的宽度，代码就是“width:100%;”这里的100%会自动跟随父级的宽度选择，然后将父级的高度去掉，这样子集的高度就自动化了。

3、最后将图片设置为display:block;转为块状就可以了。

4、最后打开浏览器就可以看到固定大小的图片了。

热心网友时间：2022-03-30 05:22

利用css里的clip属性进行对象剪切，必须给定4个数值，使用方法如下： clip:rect(number1 number2 number3 number4), 示例：先在xhmtl中插入原来大小为400*400的图象对象； <div id="imgbox"> <img src="img/pic.jpg" width="400" height="400" /> </div> 然后使用clip的css代码如下: #imgbox img{ position:absolute; clip:rect( 10px 300px 300px 20px)}分别为上、右、下、左。 top：10px相当于顶部原有上边为10px，right：300px相当于右边距离左边局300px，bottom：300px相当于底边距离上边300px，left：20px说明左边距20px，最终于显示的图象大小的width和height为300-20*300-10，则被剪切为一张280*290的图象。注意position必须为absolute。

热心网友时间：2022-03-30 06:57

左下脚有宽度/高度，只要改一下数字就可以*图片的大小了
满意请采纳

热心网友时间：2022-03-30 08:48

样式表：
<style>
.img1{width:100px;height:50px;}
</style>
<img src="图片路径" class="img1">

行内样式是
<img src="图片路径" style="width:100px;height:50px;">

这样即可控制！