這個(gè)代碼是什么為啥只顯示4545
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>行內(nèi)元素標(biāo)簽</title>
<style type="text/css">
div{
??? font-size:0;
??? display:inline;
}
a,span,em{
?? ?background:pink;/*設(shè)置a、span、em標(biāo)簽背景顏色都為粉色*/
}
</style>
</head>
<body>
<div>?? ?
<a >百度</a>
<a href="http://idcbgp.cn">慕課網(wǎng)</a>
<span>33333</span>
<span>44444</span><em>555555</em>
</div>
<span>4545</span>
</body>
</html>
如題,我沒(méi)有設(shè)置a,span,em{font-size:16px;},顯示的就是4545,請(qǐng)問(wèn)這是為啥?
2017-02-16
因?yàn)槟愕摹?3333”“44444”是在<div>標(biāo)簽里,而你的div標(biāo)簽設(shè)置了font-size:0;字體大小為0,所以顯示不出來(lái)了
因?yàn)槟愕?/span>
2017-02-16
字體大小為零,所以不顯示,但是對(duì)<span>單獨(dú)定義了 background:pink;所以顯示且有底色,可以將<div>的font-size:0;換成10px,就可以看到全部輸出了。