解決方法 一
使 li 浮動(dòng),并設(shè)置 img 為塊級(jí)元素
ul{ width: 280px; } ul li{ float:left; display:block; height:57px; width:277px; } img{ display: block; }
解決方法 二
設(shè)置 ul 的 font-size:0;
ul{ width: 280px; font-size: 0; } ul li{ display:block; height:57px; width:277px; }
解決方法 三
設(shè)置 img 的 vertical-align: bottom;
ul{ width: 280px; font-size: 0; } ul li{ display:block; height:57px; width:277px; } img{ vertical-align:bottom; }
解決方法 四
設(shè)置 img 的 margin-bottom: -5px;
ul{ width: 280px; font-size: 0; } ul li{ display:block; height:57px; width:277px; } img{ margin-bottom: -5px; }
可以下載 demo 來(lái)看
本文鏈接:http://www.95time.cn/tech/web/2009/6781.asp
出處:前端觀察
責(zé)任編輯:bluehearts
上一頁(yè) IE下img多余5像素空白解決方法 [1] 下一頁(yè)
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|