亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

塊狀元素轉化的內聯元素之間的間距去哪了?222222222222222222222與222222222222222222222之間應該有間距不是么?

<!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標簽背景顏色都為粉色*/

? ? display:block;

? ? display:inline;

}

p{display:inline;}

</style>

</head>

<body>

<p>222222222222222222222</p><p>222222222222222222222</p><p>222222222222222222222</p><p>222222222222222222222</p>

<a >百度</a>

<a href="http://www.xianlaiwan.cn">慕課網</a>

<span>33333</span>

<span>44444</span><em>555555</em>

</body>

</html>

http://img1.sycdn.imooc.com//587073870001c56c03860059.jpg

正在回答

4 回答

這問題是回車造成的,你把

<p>你好世界</p><p>我的世界</p>
<p>再見世界</p>

刪去回車變成

<p>你好世界</p><p>我的世界</p><p>再見世界</p>

間隔就會消失。


ps:類似的問題,比如兩張圖片放一起,也會因為這個回車造成兩張圖片有間隔的問題。這時還分瀏覽器!不同的瀏覽器有時你刪掉回車兩圖片就沒間隔了,有的刪了也沒用,這時這里用別的辦法比如把有關間距設置為負值(有時設置為0還不行)

0 回復 有任何疑惑可以回復我~

http://img1.sycdn.imooc.com//589549c00001074109530486.jpg應該是在一行的原因吧,我的這幅圖中你好世界我的世界之間是沒有間隔的,而再見世界是有間隔的,下面的百度跟慕課網是有間隔的,而444455555之間是沒有間隔的

0 回復 有任何疑惑可以回復我~
#1

律生息 提問者

所以說原因是什么捏?你只是說了現象,現象我在問題中已經提出來了,問題還是沒有解決不是么?
2017-02-07 回復 有任何疑惑可以回復我~

內聯元素特點:

1、和其他元素都在一行上;

2、元素的高度、寬度及頂部和底部邊距不可設置;

3、元素的寬度就是它包含的文字或圖片的寬度,不可改變。


0 回復 有任何疑惑可以回復我~
#1

律生息 提問者

后面還有一句話,,,, 小伙伴們你們觀查一下右側代碼段,有沒有發現一個問題,內聯元素之間有一個間距問題 所以說這個間距去哪了?
2017-02-03 回復 有任何疑惑可以回復我~

......

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

塊狀元素轉化的內聯元素之間的間距去哪了?222222222222222222222與222222222222222222222之間應該有間距不是么?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號