消除內聯元素之間的間隙

刪除內聯塊元素之間的空格。

使用內聯塊元素時經常出現的一個問題是 HTML 中存在空白,它會轉換為佈局中可見的間隙(類似於字間距)。

解決方案在於消除 HTML 標記中元素之間的任何分隔。應該指出的是,這種糾正措施可能會使標記複雜化並在編輯過程中帶來挑戰。

如果您遇到即時網站和匯出版本之間的設計不一致的情況,您可以嘗試以下一些技術:

  • 導出縮小程式碼: 在設計器的匯出模式中,使用鍵盤快速鍵 [ctrl+o] 存取進階匯出設定。
  • 發布精簡程式碼: 在「託管」標籤下的「網站設定」中,導覽至「發布選項」部分並取消選擇「美化 HTML」。
  • 使用浮動: 考慮使用 float 屬性來代替。對於居中元素,請將它們包含在具有 Display: Inline Block 的 Div 區塊中。
  • 應用負邊距: 透過添加輕微的負左/右邊距來抵消由內聯塊元素引起的任何額外空間。
  • 將字體大小調整為零: 將父元素的字體大小設為 0px 並明確定義內聯塊元素的字體大小。
麥伊凡
Ewan Mak 的最新帖子 (看全部)