最新文章 如何在新版Elementor中,找回Inner Section內部段元件 2024/10/28 macOS Sequoia 完美整合 iPhone 操控,直接在 Mac 上操控 iPhone,無縫體驗! 2024/09/22 首頁 » 網頁開發 » CSS » 解決網頁img圖片垂直堆疊時,下方出現莫名的空白間隙 解決網頁img圖片垂直堆疊時,下方出現莫名的空白間隙 2020/07/27 最近在切版時,讓梅干無意間發現一個超怪的現象,當把圖片以堆疊的方式放置時,照理理說圖片中間未設置任何的間隙,圖片與圖片間,應該會緊密接合在一起,但卻出現一個約10像素的莫名空白間隙,起初梅干以為會不會是DIV中的內距沒有歸零,但將它歸零甚至把DIV拿掉,單純放直IMG圖片,底部一樣出現一個空白間隙,找了好久才發現,原來這是圖片的一個小BUG,至於要怎麼修正這個問題,有遇到的朋友,現在就一塊來看看吧! 解決方法1 Step1 第一種方法,就在img加入vertical-align:top。 這樣就可解決底部空白的間隙問題。 解決方法2 Step2 將img設為display:block;。 這樣也可解決底部空白的間隙問題。 ※如有發現掉圖或檔案無法下載,請由回應區留言告知,將會盡速處理! ※本站採用CC授權請勿轉貼本站文章,謝謝。 img空白, 圖片出現空白, 網頁教學,