內(nèi)聯(lián)元素間距問題
下面是代碼。請問一下為什么把內(nèi)聯(lián)元素變成塊級(jí)元素之后，字體的樣式定義為0，間距就沒有了？而且我發(fā)現(xiàn)只有div標(biāo)簽的樣式變 了還不行，必須要設(shè)置?a,span,em的字體大小為20px，不然啥都顯示不了，是因?yàn)?a,?span,?em?把?div?樣式覆蓋了的原因嗎？ 而且我試了試把?div?標(biāo)簽里面的字體大小改成?1px，輸出還是會(huì)有間距。所以?div?標(biāo)簽里面的樣式是消除間距的主要因素嗎？
<title>行內(nèi)元素標(biāo)簽</title>
<style type="text/css">
div {
? ? font-size: 0px;
}
a,span,em{
? ? font-size: 20px;
}
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>
</body>
</html>
2018-12-30
你把div的字體大小font-size設(shè)置為0px那肯定什么都顯示不了呀，font-size是字體大小。