亚洲国产视频精品_欧美成人午夜免费影院手机在线看_a天堂中文字幕_中文亚色_日日噜噜噜噜人人爽亚洲精品_国产日韩精品一区二区三区春色

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

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

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

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

實現以上效果，有三種方法，可以實現，下面來看看，具體是如何操作的。

方法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的父元素

備注：運行環境都為Standard mode

天蠶重慶網絡公司：http://www.guowangkeji.cn網站建設、網站制作、網頁設計、公墓管理軟件/公墓管理系統/公墓軟件/公墓系統、陵園軟件/陵園系統、政協提案系統、汽車經紀業務管理系統/汽車經紀軟件、物管軟件/物管理系統/物管收費系統/物業管理軟件/物業管理系統、域名、虛擬空間