最新文章 PDF 檔案太大無法寄?免費線上 PDF壓縮器,多種品質選擇,免註冊、無浮水印 2026/09/06 不用 Photoshop!ChatGPT 只需出一張嘴,照片去背連毛髮、玻璃都能輕鬆搞定 2026/09/01 首頁 » 網頁開發 » CSS » 解決網頁img圖片垂直堆疊時,下方出現莫名的空白間隙 解決網頁img圖片垂直堆疊時,下方出現莫名的空白間隙 2020/07/27 最近在切版時,讓梅干無意間發現一個超怪的現象,當把圖片以堆疊的方式放置時,照理理說圖片中間未設置任何的間隙,圖片與圖片間,應該會緊密接合在一起,但卻出現一個約10像素的莫名空白間隙,起初梅干以為會不會是DIV中的內距沒有歸零,但將它歸零甚至把DIV拿掉,單純放直IMG圖片,底部一樣出現一個空白間隙,找了好久才發現,原來這是圖片的一個小BUG,至於要怎麼修正這個問題,有遇到的朋友,現在就一塊來看看吧! 解決方法1 Step1 第一種方法,就在img加入vertical-align:top。 這樣就可解決底部空白的間隙問題。 解決方法2 Step2 將img設為display:block;。 這樣也可解決底部空白的間隙問題。 推薦文章 Bootstrap滾動頁籤加入hash動態變換網址,更有助於SEO 網頁設計-Mailto中文變亂碼 CSS教學-1張背景圖就可自動延伸 jQuery教學-打造一個屬於自已的搜尋網 jQuery教學-點選開啟下拉選單 jQuery教學-jQuery版的Yahoo!廣告輪播系統 ※如有發現掉圖或檔案無法下載,請由回應區留言告知,將會盡速處理! ※本站採用CC授權請勿轉貼本站文章,謝謝。 標籤 img空白 圖片出現空白 網頁教學