內聯元素間距問題
下面是代碼。請問一下為什么把內聯元素變成塊級元素之后，字體的樣式定義為0，間距就沒有了？而且我發現只有div標簽的樣式變 了還不行，必須要設置?a,span,em的字體大小為20px，不然啥都顯示不了，是因為?a,?span,?em?把?div?樣式覆蓋了的原因嗎？ 而且我試了試把?div?標簽里面的字體大小改成?1px，輸出還是會有間距。所以?div?標簽里面的樣式是消除間距的主要因素嗎？
<title>行內元素標簽</title>
<style type="text/css">
div {
? ? font-size: 0px;
}
a,span,em{
? ? font-size: 20px;
}
a,span,em{
background:pink;/*設置a、span、em標簽背景顏色都為粉色*/
}
</style>
</head>
<body>
? ? <div>
? ? ? ? <a >百度</a>
? ? ? ? <a href="http://www.xianlaiwan.cn">慕課網</a>
? ? ? ? <span>33333</span>
? ? ? ? <span>44444</span><em>555555</em>
? ? </div>
</body>
</html>
2018-12-30
你把div的字體大小font-size設置為0px那肯定什么都顯示不了呀，font-size是字體大小。