国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

標(biāo)簽設(shè)置為inline-block后，如何消除標(biāo)簽之間的間隔。

ziwenxie / 2815人閱讀

摘要：例如學(xué)習(xí)升職加薪成功百度將元素設(shè)置為后，顯示結(jié)果為標(biāo)簽之間會(huì)產(chǎn)生間隙，原因就是書寫代碼中，為了美觀易讀，標(biāo)簽結(jié)束后會(huì)回車換行，上一個(gè)的結(jié)束標(biāo)簽與下一個(gè)的開始標(biāo)簽之間有回車，解析后會(huì)生成一個(gè)字符。

標(biāo)簽設(shè)置為inline-block后，如何消除標(biāo)簽之間的間隔。

?

例如：

?

?

將li元素設(shè)置為inline-block后，

div {text-align: center;}
ul {list-style: none;}
li {display: inline-block;background: blue;}
a {color: white;text-decoration: none;}

顯示結(jié)果為：

標(biāo)簽之間會(huì)產(chǎn)生間隙，原因就是書寫html代碼中，為了美觀易讀，標(biāo)簽結(jié)束后會(huì)回車換行，上一個(gè)li的結(jié)束標(biāo)簽與下一個(gè)的開始標(biāo)簽

  • 之間有回車，解析后會(huì)生成一個(gè)字符。

    解決方法有以下幾種：

    1.將其寫成如下方式：目的是刪除開始標(biāo)簽和結(jié)束標(biāo)簽的間隙，但是代碼的可讀性會(huì)變差，看著會(huì)非常難受。

  • 學(xué)習(xí)

  • 升職

  • 加薪

  • 成功

    • 或者將li的結(jié)束標(biāo)簽省略，或者將其寫在一行，不過(guò)不推薦這種方法

  • 學(xué)習(xí)
  • 升職
  • 加薪
  • 成功

    • 2.父元素的font-size設(shè)置為0，而后在需要顯示的元素恢復(fù)原來(lái)的字體樣式。

    div {text-align: center;font-size: 0px;}
    ul {list-style: none;}
    li {display: inline-block;background: blue;}
    a {color: white;text-decoration: none;font-size: 16px;}

    具體也可以參考

    ?

    此處

    文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/1671.html

    相關(guān)文章

    • css基礎(chǔ)

      摘要：在元素之后添加內(nèi)容控制表單控件的禁用狀態(tài)。生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位。由于浮動(dòng)框不在文檔的普通流中，所以文檔的普通流的塊框表現(xiàn)得就像浮動(dòng)框不存在一樣。 CSS display: none; 與 visibility: hidden; 的區(qū)別 聯(lián)系：它們都能讓元素不可見(jiàn) 區(qū)別： display:none;會(huì)讓元素完全從渲染樹中消失，渲染的時(shí)候不占據(jù)任何空間；vi...

      JinB 評(píng)論0 收藏0

    • 前端面試題2（CSS）

      摘要：在元素之后添加內(nèi)容控制表單控件的禁用狀態(tài)。生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位。由于浮動(dòng)框不在文檔的普通流中，所以文檔的普通流的塊框表現(xiàn)得就像浮動(dòng)框不存在一樣。 前端面試之CSS display: none; 與 visibility: hidden; 的區(qū)別 聯(lián)系：它們都能讓元素不可見(jiàn) 區(qū)別： display:none;會(huì)讓元素完全從渲染樹中消失，渲染的時(shí)候不占據(jù)任...

      MangoGoing 評(píng)論0 收藏0

    • 前端面試題2（CSS）

      摘要：在元素之后添加內(nèi)容控制表單控件的禁用狀態(tài)。生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位。由于浮動(dòng)框不在文檔的普通流中，所以文檔的普通流的塊框表現(xiàn)得就像浮動(dòng)框不存在一樣。 前端面試之CSS display: none; 與 visibility: hidden; 的區(qū)別 聯(lián)系：它們都能讓元素不可見(jiàn) 區(qū)別： display:none;會(huì)讓元素完全從渲染樹中消失，渲染的時(shí)候不占據(jù)任...

      zorro 評(píng)論0 收藏0

    • 前端面試題2（CSS）

      摘要：在元素之后添加內(nèi)容控制表單控件的禁用狀態(tài)。生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位。由于浮動(dòng)框不在文檔的普通流中，所以文檔的普通流的塊框表現(xiàn)得就像浮動(dòng)框不存在一樣。 前端面試之CSS display: none; 與 visibility: hidden; 的區(qū)別 聯(lián)系：它們都能讓元素不可見(jiàn) 區(qū)別： display:none;會(huì)讓元素完全從渲染樹中消失，渲染的時(shí)候不占據(jù)任...

      Rocture 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

    最新活動(dòng)
    閱讀需要支付1元查看
    <