HTML怎么将插入的图片设置固定尺寸大小

工具/原料

• 华为MateBook D
• Windows 10 10.3.3
• DW2019
• HTML

方法/步骤

1. 1

   如图，我们对div设置固定宽度和高度，

   
2. 2

   图像预览效果，

   
3. 3

   然后在div内里插入一张图片，如图

   
4. 4

   我们插入图片后，在预览中看到的效果，较着图片已经将父级的配景尺寸给挡住了，图片偏大了，

   
5. 5

   然后这个时辰，我们将图片的宽度设置为何父级一样的宽度，代码就是width:100%;这里的100%会主动追随父级的宽度选择

   
6. 6

   这时辰回到浏览器中，可以看到图片的宽度和父级div的宽度一致了，然后修改的就是高度的规模了

   
7. 7

   要是也将图片的高度设置为父级的100%，那么图形就会发生形变，以是在这里我们需要将父级的高度去失，这样子集的高度就主动化了。

   
8. 8

   许多时辰，将图片在框中显示的时辰，在底部会呈现一个小边框，这时辰将图片设置为display:block;转为块状就可以了。

    

   END

注重事项

• 要是对你有帮忙，请左侧点赞哦！