您當前位置：首頁 > web前端 > htmlcss > div標簽里的img底部多出了4個像素

div標簽里的img底部多出了4個像素

來源：程序員人生發布時間：2014-11-28 11:52:50 閱讀次數：6777次

今天在做前端開發的時候，在一個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關注

欄目熱點

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线