div包含时,图片下方出现空隙的解决方法

        最近在调页面时碰到这样一个情况,上面一个div1包括一个图片,下面的div2包含一段带背景的文字,可是两者之间总是有个空隙,刚开始我以为是div的margin没有设置为0px,可是认认真真检查后,确实是加上了,但空隙依旧,后来在网上查到解决方法,只要在img加个样式style="display:block",果然轻松解决,记载下来以供分享。

        注意点:img默认的是内联块,加display将其变成区块

        参考链接:http://www.3lian.com/edu/2013/09-03/94174.html

div包含时,图片下方出现空隙的解决方法_第1张图片                        div包含时,图片下方出现空隙的解决方法_第2张图片

        加display:block之前(有空隙)                                               加display:block之后(没空隙)


你可能感兴趣的:(div包含时,图片下方出现空隙的解决方法)