html div+img高度空隙问题

问题描述

问 题

我在做项目的时候一直出现这样的问题：

div里面包含一个img，我设置img的width:100%，但是出现一个很令人匪夷所思的问题，div.height>img.height，下面有图，你们看看：

这多出来的空隙是怎么来的，我怎么去掉呢？？？在线等

解决方案

line-height的锅
然后line-height的默认值和该元素的font-size有关

所以你可以

    div[img外面的那个div]{
        //以下其中一条都可以
        font-size:0;
        line-height:0;
    }

这篇关于html div+img高度空隙问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！