課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
span是單獨(dú)劃分區(qū)域,為什么代碼<span>44444</span><em>555555</em>的運(yùn)行結(jié)果是44444555555 ?,4和5之間怎么沒有間隔
2016-10-11
源自:初識HTML(5)+CSS(3)-升級版 12-3
正在回答
把span變?yōu)閴K級元素? display:block;? 這個(gè)span標(biāo)簽單獨(dú)占一行?? display:inline-block;它就可以和后面在同一行
1、當(dāng)行內(nèi)元素之間有“回車”、“tab”、“空格”時(shí)就會(huì)出現(xiàn)間隙。
如下代碼:
<div>? ?<a>1</a>? ?<a>2</a>? ?<span>33333</span>? ?<span>44444</span>? ?<em>555555</em></div>
解決方法:
?1、寫在一行,之間不要有空格之類的符號。
<div><a>1</a><a>2</a><span>33333</span><span>44444</span><em>555555</em></div>
/*側(cè)邊wiki搜索關(guān)鍵字'解決行內(nèi)元素間隙bug問題'*/
希望對你有幫助。
<span>是一個(gè)行內(nèi)元素,本身并沒有什么屬性,只是為了單獨(dú)劃分一個(gè)區(qū)塊,不同于<div>,div是塊狀元素。
span只是把44444作為一組可分配相同格式的對象 但你并沒有對其設(shè)置格式,所以跟沒有span的運(yùn)行結(jié)果是一樣的
span和em都是內(nèi)聯(lián)元素,它們都是行內(nèi)元素,display:inline;注意,瀏覽器默認(rèn)不給行內(nèi)元素設(shè)置默認(rèn)的樣式,所以span和em標(biāo)簽沒有默認(rèn)的margin和border等樣式,標(biāo)簽的寬度和邊距默認(rèn)等同于內(nèi)部文字的寬度,所以如果沒有設(shè)置letter-spacing或者word-spacing這類樣式的話,默認(rèn)45之間是沒有間隔而是緊挨著的。
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答內(nèi)聯(lián)元素-
1 回答元素分類--內(nèi)聯(lián)元素
3 回答內(nèi)聯(lián)元素。塊級元素
7 回答如何區(qū)別內(nèi)聯(lián)元素,塊狀元素,內(nèi)聯(lián)塊狀元素?
1 回答塊狀元素和內(nèi)聯(lián)元素
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-10-13
把span變?yōu)閴K級元素? display:block;? 這個(gè)span標(biāo)簽單獨(dú)占一行?? display:inline-block;它就可以和后面在同一行
2016-10-11
1、當(dāng)行內(nèi)元素之間有“回車”、“tab”、“空格”時(shí)就會(huì)出現(xiàn)間隙。
如下代碼:
<div>
? ?<a>1</a>
? ?<a>2</a>
? ?<span>33333</span>
? ?<span>44444</span>
? ?<em>555555</em>
</div>
解決方法:
?1、寫在一行,之間不要有空格之類的符號。
<div>
<a>1</a><a>2</a><span>33333</span><span>44444</span><em>555555</em>
</div>
/*側(cè)邊wiki搜索關(guān)鍵字'解決行內(nèi)元素間隙bug問題'*/
希望對你有幫助。
2016-10-11
<span>是一個(gè)行內(nèi)元素,本身并沒有什么屬性,只是為了單獨(dú)劃分一個(gè)區(qū)塊,不同于<div>,div是塊狀元素。
2016-10-11
span只是把44444作為一組可分配相同格式的對象 但你并沒有對其設(shè)置格式,所以跟沒有span的運(yùn)行結(jié)果是一樣的
2016-10-11
span和em都是內(nèi)聯(lián)元素,它們都是行內(nèi)元素,display:inline;注意,瀏覽器默認(rèn)不給行內(nèi)元素設(shè)置默認(rèn)的樣式,所以span和em標(biāo)簽沒有默認(rèn)的margin和border等樣式,標(biāo)簽的寬度和邊距默認(rèn)等同于內(nèi)部文字的寬度,所以如果沒有設(shè)置letter-spacing或者word-spacing這類樣式的話,默認(rèn)45之間是沒有間隔而是緊挨著的。