日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

<label id="lwlkl"></label>

<track id="lwlkl"><table id="lwlkl"></table></track>

公告：魔扣目錄網(wǎng)為廣大站長(zhǎng)提供免費(fèi)收錄網(wǎng)站服務(wù)，提交前請(qǐng)做好本站友鏈：【網(wǎng)站目錄：http://www.ylptlb.cn 】，免友鏈快審服務(wù)（50元/站），

點(diǎn)擊這里在線咨詢客服

網(wǎng)站：51998
待審：31
小程序：12
文章：1030137
會(huì)員：747

首頁(yè) > 新聞資訊 > IT業(yè)界 >正文

如何在HTML中刪除內(nèi)聯(lián)/內(nèi)聯(lián)塊元素之間的空格？

發(fā)布時(shí)間：2024-03-09 00:24:42 作者：網(wǎng)友整理

我們可以輕松刪除內(nèi)聯(lián)塊元素之間的空格。在繼續(xù)之前，讓我們首先創(chuàng)建一個(gè) HTML 文檔并添加帶空格的內(nèi)聯(lián)塊元素。

帶空格的內(nèi)聯(lián)塊元素

我們將使用值為 inline-block 的 display 屬性設(shè)置內(nèi)聯(lián)塊元素的樣式 –

nav a {
   display: inline-block;
   background: blue;
   color: white;
   text-decoration: none;
   font-size: 35px;
}

登錄后復(fù)制

我們已經(jīng)為下面給定的

元素設(shè)置了上述樣式 –

<nav>
   <a href="#">Tutorials</a>
   <a href="#">point</a>
</nav>

登錄后復(fù)制

現(xiàn)在讓我們看看添加帶空格的內(nèi)聯(lián)塊元素的完整示例 –

示例

<!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>

登錄后復(fù)制

使用 font-size 屬性刪除內(nèi)聯(lián)塊元素之間的空格

我們可以使用 font-size 屬性刪除內(nèi)聯(lián)塊元素之間的空格。 font-size 屬性影響元素文本的大小。以下是可能的值 –

xx-small – 將元素文本的大小設(shè)置為小于 x-small 值所產(chǎn)生的大小。

x-small – 將元素文本的大小設(shè)置為小于值small所產(chǎn)生的大小。

small – 將元素文本的大小設(shè)置為小于中值產(chǎn)生的大小。

medium – 將元素文本的大小設(shè)置為小于值large所產(chǎn)生的大小，并大于值small所產(chǎn)生的大小。

large – 將元素的文本設(shè)置為大于中值結(jié)果的大小。

x-large – 將元素文本的大小設(shè)置為大于值large所產(chǎn)生的大小。

xx-large – 將元素文本的大小設(shè)置為大于值 xlarge 所產(chǎn)生的大小。

larger – 將元素的文本設(shè)置為大于其父元素的文本。

smaller – 將元素的文本設(shè)置為小于其父元素的文本。

length – 任何允許的長(zhǎng)度值。 font-size 不允許使用負(fù)長(zhǎng)度值。

百分比 – 設(shè)置元素相對(duì)于其父元素的文本大小。

現(xiàn)在讓我們看一個(gè)刪除內(nèi)聯(lián)塊元素之間的空格的示例 –

<!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>

登錄后復(fù)制

使用 marginright 屬性刪除內(nèi)聯(lián)塊元素之間的空格

我們可以使用 margin-right 屬性刪除內(nèi)聯(lián)塊元素之間的空間 –

示例

<!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>

登錄后復(fù)制

以上就是如何在HTML中刪除內(nèi)聯(lián)/內(nèi)聯(lián)塊元素之間的空格？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注www.92cms.cn其它相關(guān)文章！

分享到：

標(biāo)簽：元素內(nèi)聯(lián) 刪除如何在空格

網(wǎng)友整理

注冊(cè)時(shí)間：

網(wǎng)站：5 個(gè) 小程序：0 個(gè) 文章：12 篇

51998
網(wǎng)站
12
小程序
1030137
文章
747
會(huì)員

趕快注冊(cè)賬號(hào)，推廣您的網(wǎng)站吧！

文章分類(lèi)

熱門(mén)網(wǎng)站

各百科-專(zhuān)業(yè)百科問(wèn)答知識(shí)名網(wǎng)站 m.geelcn.com
免費(fèi)軟件,綠色軟件園,手機(jī)軟件下載,熱門(mén)游戲下載中心-中當(dāng)網(wǎng) m.deelcn.com
魔扣科技 www.ylptlb.cn
體育新聞_國(guó)際體育資訊_全球體育賽事-中名網(wǎng) www.feelcn.com/tiyu/tiyuxinwen/
食品安全_健康飲食_舌尖上的安全-中名網(wǎng) www.feelcn.com/shenghuo/shipinanquan/
中合網(wǎng) www.heelcn.com
中當(dāng)網(wǎng) www.deelcn.com
魔扣網(wǎng)站維護(hù)代運(yùn)營(yíng) www.ylptlb.cn/tg
中合網(wǎng)-健康養(yǎng)生知識(shí)科普名站 m.heelcn.com
各百科 www.geelcn.com

最新入駐小程序

數(shù)獨(dú)大挑戰(zhàn)

數(shù)獨(dú)大挑戰(zhàn)2018-06-03

數(shù)獨(dú)一種數(shù)學(xué)游戲，玩家需要根據(jù)9

答題星

答題星2018-06-03

您可以通過(guò)答題星輕松地創(chuàng)建試卷

全階人生考試

全階人生考試2018-06-03

各種考試題，題庫(kù)，初中，高中，大學(xué)四六

運(yùn)動(dòng)步數(shù)有氧達(dá)人

運(yùn)動(dòng)步數(shù)有氧達(dá)人2018-06-03

記錄運(yùn)動(dòng)步數(shù)，積累氧氣值。還可偷

每日養(yǎng)生app

每日養(yǎng)生app2018-06-03

每日養(yǎng)生,天天健康

體育訓(xùn)練成績(jī)?cè)u(píng)定

體育訓(xùn)練成績(jī)?cè)u(píng)定2018-06-03

通用課目體育訓(xùn)練成績(jī)?cè)u(píng)定

熱門(mén)文章