div标签里的img底部多出了4个像素
来源:程序员人生 发布时间:2014-11-28 11:52:50 阅读次数:6520次
今天在做前端开发的时候,在一个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;}
这样就完美解决了
给个赞吧,本文由程序员人生网编辑发布
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠