」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 為什麼HTML5 Divs中的圖像具有3PX的底部邊距,我該如何修復?

為什麼HTML5 Divs中的圖像具有3PX的底部邊距,我該如何修復?

發佈於2025-03-23
瀏覽:201

Why Do Images in HTML5 DIVs Have a 3px Bottom Margin, and How Can I Fix It?

Fixing Unexplained Margin Issue with Images in HTML5

In HTML5, users have encountered an unexpected issue where images enclosed within DIV elements gain an unexplained 3px bottom margin despite the absence of CSS definitions causing it.即使圖像的高度和寬度和DIV都設置為50px。

可以解決此異常,也可以將問題追溯到圖像中的圖像像文本中的角色一樣,為其在其下方創建一個懸掛的字符的空間,例如“ y”或“ g。”之類的懸掛字符,也可以追溯到圖像,也可以觀察到這個問題。該解決方案在於利用垂直空電CSS屬性表明無需這樣的空間。垂直區域的任何值都足夠了,“中間”是一個流行的選擇。

在CSS中實現此修復 垂直分組:中間; }

通過合併此代碼,圖像將失去不需要的底部邊距,從而導致預期的行為。有關實際演示,請參閱此更新的JSFIDDLE:http://jsfiddle.net/frpk6/1/1/.

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3