天蠶網(wǎng)絡(luò )：網(wǎng)站建設中如何用css清除圖片左右或上下方的空白間隙

天蠶重慶網(wǎng)絡(luò )公司編者語(yǔ)：我們在網(wǎng)站建設中，常遇到圖片的間隙，或者產(chǎn)品圖片在展示中，效果里有總有一些空白的間隙，那么，如何處理這種間隙啦？天蠶網(wǎng)站建設公司來(lái)幫助您。下面我們先看看二張圖，一張是沒(méi)有處理效果前的，一張是處理后的效果。

如上圖，綠色框框的區域，可以看出圖片的間隙。

如上圖，通過(guò)CSS我們將圖片之間的間隙已清除。

實(shí)現以上效果，有三種方法，可以實(shí)現，下面來(lái)看看，具體是如何操作的。

方法1：

img{display:block;}

方法2：

img{vertical-align:top;}

除了top值，還可以設置為text-top | middle | bottom | text-bottom，甚至特定的<length>和<percentage>值都可以

方法3：

#test{font-size:0;line-height:0;}

#test為img的父元素

備注：運行環(huán)境都為Standard mode

天蠶重慶網(wǎng)絡(luò )公司：http://www.cctdlc.com網(wǎng)站建設、網(wǎng)站制作、網(wǎng)頁(yè)設計、公墓管理軟件/公墓管理系統/公墓軟件/公墓系統、陵園軟件/陵園系統、政協(xié)提案系統、汽車(chē)經(jīng)紀業(yè)務(wù)管理系統/汽車(chē)經(jīng)紀軟件、物管軟件/物管理系統/物管收費系統/物業(yè)管理軟件/物業(yè)管理系統、域名、虛擬空間