18禁黄无遮挡免费网站动漫_日本 欧美 亚洲 另类_91sex国产_免费h在线观看视频网站

天蠶在你身邊

不方便打電話?讓天蠶聯(lián)絡(luò)你

我們存在,我們思索,我們不斷進(jìn)取首頁 >> 資訊 >> 推薦書籍 >> DIV與CSS
天蠶網(wǎng)絡(luò):網(wǎng)站建設(shè)中如何用css清除圖片左右或上下方的空白間隙

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

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

圖片空白間隙效果

如上圖,綠色框框的區(qū)域,可以看出圖片的間隙。

圖片空白間隙處理后

如上圖,通過CSS我們將圖片之間的間隙已清除。

實現(xiàn)以上效果,有三種方法,可以實現(xiàn),下面來看看,具體是如何操作的。

方法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.eduzjs.com網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)頁設(shè)計、公墓管理軟件/公墓管理系統(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

渝ICP備09007657號-6

渝公網(wǎng)安備 50010302000872號