公告：魔扣目錄網為廣大站長提供免費收錄網站服務，提交前請做好本站友鏈：【 網站目錄：http://www.ylptlb.cn 】， 免友鏈快審服務（50元/站），
我們可以輕松刪除內聯塊元素之間的空格。在繼續之前，讓我們首先創建一個 HTML 文檔并添加帶空格的內聯塊元素。
我們將使用值為 inline-block 的 display 屬性設置內聯塊元素的樣式 –
nav a { display: inline-block; background: blue; color: white; text-decoration: none; font-size: 35px; }
登錄后復制
我們已經為下面給定的
<nav> <a href="#">Tutorials</a> <a href="#">point</a> </nav>
現在讓我們看看添加帶空格的內聯塊元素的完整示例 –
<!DOCTYPE html> <html> <head> <title>Inline block elements</title> <style> nav a { display: inline-block; background: blue; color: white; text-decoration: none; font-size: 35px; } </style> </head> <body> <h1>The inline-block elements</h1> <p>Below are the inline-block elements with space:</p> <nav> <a href="#">Tutorials</a> <a href="#">point</a> </nav> </body> </html>
我們可以使用 font-size 屬性刪除內聯塊元素之間的空格。 font-size 屬性影響元素文本的大小。以下是可能的值 –
xx-small – 將元素文本的大小設置為小于 x-small 值所產生的大小。
x-small – 將元素文本的大小設置為小于值small所產生的大小。
small – 將元素文本的大小設置為小于中值產生的大小。
medium – 將元素文本的大小設置為小于值large所產生的大小，并大于值small所產生的大小。
large – 將元素的文本設置為大于中值結果的大小。
x-large – 將元素文本的大小設置為大于值large所產生的大小。
xx-large – 將元素文本的大小設置為大于值 xlarge 所產生的大小。
larger – 將元素的文本設置為大于其父元素的文本。
smaller – 將元素的文本設置為小于其父元素的文本。
length – 任何允許的長度值。 font-size 不允許使用負長度值。
百分比 – 設置元素相對于其父元素的文本大小。
現在讓我們看一個刪除內聯塊元素之間的空格的示例 –
<!DOCTYPE html> <html> <head> <title>Inline block elements without space</title> <style> nav { font-size: 0; } nav a { display: inline-block; background: blue; color: white; text-decoration: none; font-size: 35px; } </style> </head> <body> <h1>The inline-block elements</h1> <p>Below are the inline-block elements without space:</p> <nav> <a href="#">Tutorials</a> <a href="#">point</a> </nav> </body> </html>
我們可以使用 margin-right 屬性刪除內聯塊元素之間的空間 –
<!DOCTYPE html> <html> <head> <title>Inline block elements without space</title> <style> nav a { display: inline-block; background: blue; margin-right: -4px; color: white; text-decoration: none; font-size: 35px; } </style> </head> <body> <h1>The inline-block elements</h1> <p>Below are the inline-block elements without space:</p> <nav> <a href="#">Tutorials</a> <a href="#">point</a> </nav> </body> </html>
以上就是如何在HTML中刪除內聯/內聯塊元素之間的空格？的詳細內容，更多請關注www.92cms.cn其它相關文章！
網友整理
注冊時間：
網站：5 個 小程序：0 個 文章：12 篇
網站
小程序
文章
會員
數獨一種數學游戲，玩家需要根據9
您可以通過答題星輕松地創建試卷
各種考試題，題庫，初中，高中，大學四六
記錄運動步數，積累氧氣值。還可偷
每日養生,天天健康
通用課目體育訓練成績評定
