天蠶在你身邊
不方便打電話?讓天蠶聯(lián)絡(luò)你
天蠶在你身邊
不方便打電話?讓天蠶聯(lián)絡(luò)你
天蠶重慶網(wǎng)絡(luò)公司編者語(yǔ):我們?cè)诰W(wǎng)站建設(shè)中,常遇到圖片的間隙,或者產(chǎn)品圖片在展示中,效果里有總有一些空白的間隙,那么,如何處理這種間隙啦?天蠶網(wǎng)站建設(shè)公司來(lái)幫助您。下面我們先看看二張圖,一張是沒有處理效果前的,一張是處理后的效果。
如上圖,綠色框框的區(qū)域,可以看出圖片的間隙。
如上圖,通過(guò)CSS我們將圖片之間的間隙已清除。
實(shí)現(xiàn)以上效果,有三種方法,可以實(shí)現(xiàn),下面來(lái)看看,具體是如何操作的。
方法1:
img{display:block;}
方法2:
img{vertical-align:top;}
除了top值,還可以設(shè)置為text-top | middle | bottom | text-bottom,甚至特定的<length>和<percentage>值都可以
方法3:
#test{font-size:0;line-height:0;}
#test為img的父元素
備注:運(yùn)行環(huán)境都為Standard mode
天蠶重慶網(wǎng)絡(luò)公司:http://www.toytoggle.com網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、公墓管理軟件/公墓管理系統(tǒng)/公墓軟件/公墓系統(tǒng)、陵園軟件/陵園系統(tǒng)、政協(xié)提案系統(tǒng)、汽車經(jīng)紀(jì)業(yè)務(wù)管理系統(tǒng)/汽車經(jīng)紀(jì)軟件、物管軟件/物管理系統(tǒng)/物管收費(fèi)系統(tǒng)/物業(yè)管理軟件/物業(yè)管理系統(tǒng)、域名、虛擬空間
地址:重慶市渝中區(qū)上清寺鑫隆達(dá)B座28-8
郵編:400015
電話:023-63612462
EMAIL:cnjl_net@163.com