最新文章 DeskIn除了可遠端桌面,甚至還可以無線延伸桌面 2025/12/01 [開箱] IFOOTAGE RB-A400 圓形底座腳架|不佔空間、穩固不倒、耐重更安心 2025/11/20 首頁 » 網頁開發 » CSS » 解決網頁img圖片垂直堆疊時,下方出現莫名的空白間隙 解決網頁img圖片垂直堆疊時,下方出現莫名的空白間隙 2020/07/27 最近在切版時,讓梅干無意間發現一個超怪的現象,當把圖片以堆疊的方式放置時,照理理說圖片中間未設置任何的間隙,圖片與圖片間,應該會緊密接合在一起,但卻出現一個約10像素的莫名空白間隙,起初梅干以為會不會是DIV中的內距沒有歸零,但將它歸零甚至把DIV拿掉,單純放直IMG圖片,底部一樣出現一個空白間隙,找了好久才發現,原來這是圖片的一個小BUG,至於要怎麼修正這個問題,有遇到的朋友,現在就一塊來看看吧! 解決方法1 Step1 第一種方法,就在img加入vertical-align:top。 這樣就可解決底部空白的間隙問題。 解決方法2 Step2 將img設為display:block;。 這樣也可解決底部空白的間隙問題。 ※如有發現掉圖或檔案無法下載,請由回應區留言告知,將會盡速處理! ※本站採用CC授權請勿轉貼本站文章,謝謝。 img空白, 圖片出現空白, 網頁教學,