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