首頁 >web前端 >css教學 >為什麼我的內聯阻止清單項目之間存在間隙,如何修復?

為什麼我的內聯阻止清單項目之間存在間隙,如何修復?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-24 22:34:17585瀏覽

Why Are There Gaps Between My Inline-Block List Items, and How Can I Fix It?

內聯塊列表項目中的間距問題

查詢:

儘管努力創建無縫選單,但內嵌-阻止清單項目之間顯示明顯的空格

解決方案:

出現此間距是由於inline-block 屬性的空白依賴性,受字體設定的影響。最初,這在每個項目之間呈現 4px 空間。

替代方法:

方法1:

  • 在單一中運行所有列表項目

方法二:

  • 方法二:

方法二:

    方法二:
將列表項的結束和開始標籤屏蔽在一起:

最佳解決方案:增加font-size: 0;到父元素並專門為列表項目設定字體大小:此方法保留了HTML 可讀性,同時消除了字體預設設定所導致的不必要的間距。

以上是為什麼我的內聯阻止清單項目之間存在間隙,如何修復?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn