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

資訊專欄INFORMATION COLUMN

解決img(行級(jí)標(biāo)簽)下邊距的問題

Bmob / 2868人閱讀

摘要:問題描述如下圖,如果標(biāo)簽下跟一個(gè)塊級(jí)標(biāo)簽,那么兩者之間會(huì)出現(xiàn)一條縫隙。原因原因是行級(jí)標(biāo)簽具有自身的定位,圖片默認(rèn)的垂直對(duì)齊方式是基線解決方案如下圖,將圖片轉(zhuǎn)成塊級(jí)元素即可。解決方案如下圖,更改圖片的對(duì)齊方式為。

問題描述:

如下圖,如果img標(biāo)簽下跟一個(gè)塊級(jí)標(biāo)簽,那么兩者之間會(huì)出現(xiàn)一條縫隙。

原因:

原因是行級(jí)標(biāo)簽具有自身的定位,圖片默認(rèn)的垂直對(duì)齊方式是基線(vertical-align: baseline)

解決方案1:

如下圖,將圖片轉(zhuǎn)成塊級(jí)元素即可(display: block)。

解決方案2:

如下圖,更改圖片的對(duì)齊方式為top(vertical-align: top)。

本文完。

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

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

相關(guān)文章

  • 解決img行級(jí)標(biāo)簽下邊距的問題

    摘要:問題描述如下圖,如果標(biāo)簽下跟一個(gè)塊級(jí)標(biāo)簽,那么兩者之間會(huì)出現(xiàn)一條縫隙。原因原因是行級(jí)標(biāo)簽具有自身的定位,圖片默認(rèn)的垂直對(duì)齊方式是基線解決方案如下圖,將圖片轉(zhuǎn)成塊級(jí)元素即可。解決方案如下圖,更改圖片的對(duì)齊方式為。 問題描述: 如下圖,如果img標(biāo)簽下跟一個(gè)塊級(jí)標(biāo)簽,那么兩者之間會(huì)出現(xiàn)一條縫隙。showImg(https://segmentfault.com/img/bVbiWYn?w=1...

    Labradors 評(píng)論0 收藏0
  • 為什么有些內(nèi)聯(lián)(行內(nèi))元素可以設(shè)置寬高?

    摘要:宋體塊級(jí)元素主要有宋體宋體內(nèi)聯(lián)元素不會(huì)以新行開始,和相鄰的內(nèi)聯(lián)元素在同一行。也就是說,絕對(duì)定位或者浮動(dòng)的內(nèi)聯(lián)元素,實(shí)際表現(xiàn)為塊級(jí)元素,可以設(shè)置寬高和邊距。為什么有些內(nèi)聯(lián)(行內(nèi))元素如img、input可以設(shè)置寬高? 在說明之前我們先來了解一些定義。 塊級(jí)元素和內(nèi)聯(lián)元素: ①塊級(jí)元素總是獨(dú)占一行,表現(xiàn)為另起一行開始,而且其后的元素也必須另起一行顯示。 寬度(width)、高度(height)、...

    netScorpion 評(píng)論0 收藏0
  • 前端知識(shí)歸納

    摘要:繼承性子標(biāo)簽會(huì)繼承父標(biāo)簽樣式優(yōu)先級(jí)行內(nèi)樣式選擇器類選擇器標(biāo)簽選擇器通配符繼承機(jī)制創(chuàng)建了的元素中,在垂直方向上的會(huì)發(fā)生重疊。 技能考察: 一、關(guān)于Html 1、html語義化標(biāo)簽的理解; 結(jié)構(gòu)化的理解; 能否寫出簡潔的html結(jié)構(gòu); SEO優(yōu)化 a、理解:根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語義化),選擇合適的標(biāo)簽(代碼語義化)便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí) 讓瀏覽器的爬蟲和...

    sixleaves 評(píng)論0 收藏0
  • 前端知識(shí)歸納

    摘要:繼承性子標(biāo)簽會(huì)繼承父標(biāo)簽樣式優(yōu)先級(jí)行內(nèi)樣式選擇器類選擇器標(biāo)簽選擇器通配符繼承機(jī)制創(chuàng)建了的元素中,在垂直方向上的會(huì)發(fā)生重疊。 技能考察: 一、關(guān)于Html 1、html語義化標(biāo)簽的理解; 結(jié)構(gòu)化的理解; 能否寫出簡潔的html結(jié)構(gòu); SEO優(yōu)化 a、理解:根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語義化),選擇合適的標(biāo)簽(代碼語義化)便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí) 讓瀏覽器的爬蟲和...

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

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

0條評(píng)論

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