您当前位置：首页 > web前端 > htmlcss > div标签里的img底部多出了4个像素

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

来源：程序员人生发布时间：2014-11-28 11:52:50 阅读次数：6471次

今天在做前端开发的时候，在一个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;}

这样就完美解决了

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

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 Socket 长连接短连接心跳 JAVA SOCKET编程

下一篇 深圳php工资多少钱一个月

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点