700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html设置固定页面大小 – CSS – 前端 h5 css3 图片展示

html设置固定页面大小 – CSS – 前端 h5 css3 图片展示

时间:2024-03-10 09:50:10

相关推荐

html设置固定页面大小 – CSS – 前端 h5 css3 图片展示

1.首先,大家对div设置固定宽度和高度。

2.然后在div里面插入一张图片。

3.插入图片后,在预览中看到的效果,明显图片已经将父级的背景尺寸给盖住了,图片偏大了。

4.然后这个时候,将图片的宽度设置为何父级一样的宽度,代码就是width:100%;这里的100%会自动跟随父级的宽度选择。

5.这时候回到浏览器中,可以看到图片的宽度和父级div的宽度一致了,然后修改的就是高度的范围了。

6.如果也将图片的高度设置为父级的100%,那么图形就会发生形变,所以在这里需要将父级的高度去掉,这样子集的高度就自动化了。

7.很多时候,将图片在框中显示的时候,在底部会出现一个小边框,这时候将图片设置为display:block;转为块状就可以了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。