為什么這里無法變成內(nèi)聯(lián)？
這是運行結(jié)果：
代碼：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>行內(nèi)元素標簽</title>
<style type="text/css">
a,span,em{
background:pink;/*設(shè)置a、span、em標簽背景顏色都為粉色*/
}
div{
? ? display:inline;
}
</style>
</head>
<body>
<a >百度</a>
<a href="http://idcbgp.cn">慕課網(wǎng)</a>
<span>33333</span>
<div>這是個內(nèi)聯(lián)元素吧</div>
<div><span>44444</span></div> <!--為什么這里不行啊-->
<em>555555</em>
</body>
</html>
2019-05-08
你把右邊全屏顯示，555555就會跟在后邊同一行
2019-05-07
內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素，它允許其他內(nèi)聯(lián)元素與其位于同一行。所以div變?yōu)閮?nèi)聯(lián)元素后還可以嵌套span
2019-05-06
div 原為塊狀元素。特點是，單獨占據(jù)一行。此時你把div改為了內(nèi)聯(lián)元素，因此，div標簽的和a、span、em同時使用時共同占用一行，說明其已經(jīng)改變?yōu)榱藘?nèi)聯(lián)元素。
至于你判斷<div><span></span></div>，這里變色了，而認為不是內(nèi)聯(lián)元素，顯然是因為你設(shè)定的span為粉色。44444離span更近。所以顯示粉色。
難道還有什么問題嗎？