网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

Dreamweaver中图片超出边框怎么办

时间:2024-10-25 18:13:45

1、打开Dreamweaver软件,新建html文档

Dreamweaver中图片超出边框怎么办

3、在body中建立div标签,添加style标签,在style标签中输入代码添加对div的修饰,如图,建立一个200*200像素大小的正方形,为了方便观看,设置2像素的红色边框,最后将div居中

Dreamweaver中图片超出边框怎么办

4、在div中添加图片img标签,将准备好的图片置入,如图所示,图片的额本身大小超过200*200像素,所以讲图片置入后,图片会超出计算值。

Dreamweaver中图片超出边框怎么办

5、在style标签中,在div修饰中添加overflow:hidden;将多余部分隐藏后,只显示框的范围区域

Dreamweaver中图片超出边框怎么办

6、为了保持图片的完整性,可以对img添加修饰,如下图所示,对img添加修饰 宽度设置为100%;因为图片是div内部的文件,是div的子集,所以设置宽度100%会跟随父集大小;只改变宽度,高度会跟随宽度等比例缩放,这样可以将图片完整的显示出来。如下图所示。

Dreamweaver中图片超出边框怎么办
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com