原因
之所以图片下方会出现几个像素空白的间隙, 是因为 img默认是按照基线(baseline)对齐的
解决方案
-
方法一:
img{display:block;} -
方法二:
img{vertical-align:top;}或者
img{vertical-align:middle ;}或者
img{vertical-align:bottom ;} 方法三:
给 img的父级 添加:font-size: 0; line-height: 0;
如何清除图片下方出现几个像素的空白间隙问题
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
