div包含嵌套img出现空白的解决方法,在开发的时候发现,div包裹的img之间出现了空白,在Debug的时候发现并没有异常,这里问题要么出现在div的身上要么就出现img的身上。最后想到img的是行内元素,div是块级元素。
原因:
在div的底部,和img之间出现空白,在浏览器 IE8 firefox chrome safari 中都出现,IE6 IE7 没有。img的是行内元素,div是块级元素。img作为行内元素具有文字一样的行高属性,所以无法跟div对齐。
解决方法:
将img设置display:block ,这个就不贴出代码了。