网站介绍:文章浏览阅读6.7k次,点赞15次,收藏20次。目录前言现象原因解决方法1、给img(图片)设置display: block;2、给img(图片)设置vertical-align: bottom;3、修改line-height值(div的line-height)4、div的font-size=0前言在开发中,我们经常会遇到图片底部多出几个px间距的问题 ,这是什么原因,我们又该如何解决呢?现象我们可以看到,图片和div之间会有空隙,并不是紧贴着div底部。原因 因为图片是行内元素,默认的图片对齐方式为vertical-align:bas_图片与div之间的间隙问题
- 链接地址:https://blog.csdn.net/qq_42667613/article/details/123275601
- 链接标题:css之 img 图片底部有间距原因及解决方法_图片与div之间的间隙问题-CSDN博客
- 所属网站:blog.csdn.net
- 被收藏次数:9660
- 网站标签:图片与div之间的间隙问题