div包含<img/>时，图片下方出现空隙的解决方法

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

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

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

                        

        加display:block之前（有空隙）                                               加display:block之后（没空隙）