div标签里的img底部多出了4个像素

概述今天在做前端开发的时候，在一个div块里面放了一个图片，图片下面有内容，可以不管怎么调试，在火狐浏览器，IE6下。图片img底部多出了4个像素,效果如下图下面是我给出的解决办法解决办法：给div标 今天在做前端开发的时候，在一个div块里面放了一个图片，图片下面有内容，可以不管怎么调试，在火狐浏览器，ie6下。图片img底部多出了4个像素,效果如下图

下面是我给出的解决办法
解决办法：给div标签加上overflow:hidden属性，同时给img标签加上vertical-align:top属性。

.proList1  {wIDth:142px; overflow:hidden;}   .proList1 img{ wIDth:140px; height:128px; border:1px solID #EAEAEA;vertical-align:top;} 

这样就完美解决了

给个赞吧，本文由程序员人生网编辑发布

总结

以上是内存溢出为你收集整理的div标签里的img底部多出了4个像素全部内容，希望文章能够帮你解决div标签里的img底部多出了4个像素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。