当前位置: 首页 > Web前端 > HTML

解决图片底部白边

时间:2023-03-29 13:10:34 HTML

解决图片底部白边当图片的父元素为块状框,且父元素的高度为自动时,即有没有指定值,图片的底部和父元素的底边之间往往会有空隙。示例:效果如下:我们可以很明显的看到图片和边框之间有一条白边,那么我们如何解决这个白边呢?有两种解决方法。将父元素的字体大小设置为0。将图片设置为块状框,即设置图片的显示值为块状。下面我们将上例的父元素的字体大小设置为0body>可以看到底部的白边消失了。接下来,我将图像的显示属性设置为block<身体起来。