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

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

為什么有的內聯元素不是顯示在同一行？

將塊狀元素設置成相同格式的內聯元素，為什么它們不是顯示在同一行上？

http://img1.sycdn.imooc.com//5714d0540001399913850428.jpg

正在回答

4 回答

加一行p{disply:inline;}

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

八重雪8 提問者

加入后，p q會接著前面的顯示在一行， 1.有什么辦法只讓p q兩個標簽中的內容顯示在一行，不接著前面的那些標簽顯示呢？ 2.為什么改成q{display:inline;}就沒有效果呢？
2016-04-20 回復 有任何疑惑可以回復我~
#2

LockLoveHsw 回復 八重雪8 提問者

你要是不想接著上面的標簽顯示，就在p q的前面加一個塊級元素，或者將p q放到另一個塊級元素中。 1. q{display:inline} 2. <div></div><p>...</p><q>...</q> 3. 或者<div><p>...</p><q>...</q></div>
2016-04-23 回復 有任何疑惑可以回復我~
#3

LockLoveHsw 回復 LockLoveHsw

第1點修改為 p{display:inline} : )
2016-04-23 回復 有任何疑惑可以回復我~
#4

冷ㄣ莫

首先，p是塊級元素，他的默認是占用一行，也就是在上述例子“44444555555”后面加一個換行。而q不是塊級元素它是內聯元素，它是不會占用一行的。 然后說說p{disply:inline;} 這個代碼的意思是把p標簽這個塊級元素轉換為內聯元素，也就是將他從占用一行到不用占用一行，也就是可以接著44444555555后面顯示。 而你的q{display:inline;}這句代碼是廢話，因為q本來就是內聯元素，不用強制轉成內聯元素，只有塊級元素才需要這句代碼。
2016-04-23 回復 有任何疑惑可以回復我~
#5

冷ㄣ莫 回復 八重雪8 提問者

首先，p是塊級元素，他的默認是占用一行，也就是在上述例子“44444555555”后面加一個換行。而q不是塊級元素它是內聯元素，它是不會占用一行的。 然后說說p{disply:inline;} 這個代碼的意思是把p標簽這個塊級元素轉換為內聯元素，也就是將他從占用一行到不用占用一行，也就是可以接著44444555555后面顯示。 而你的q{display:inline;}這句代碼是廢話，因為q本來就是內聯元素，不用強制轉成內聯元素，只有塊級元素才需要這句代碼。
2016-04-23 回復 有任何疑惑可以回復我~
#6

冷ㄣ莫 回復 八重雪8 提問者

最后，如果要實現p q兩個標簽中的內容顯示在一行，不接著前面的那些標簽顯示，我只能說在<em>555555</em>后面加個</br>就行了，或者直接<p>xinqinbuhao</p>為什么要用<q>呢，這不是吃飽了飯沒事做么。 后面會講塊級元素和內聯元素。
2016-04-23 回復 有任何疑惑可以回復我~
#7

八重雪8 提問者

非常感謝！
2016-05-04 回復 有任何疑惑可以回復我~
查看4條回復

<p>xinqing</p><q>buhao</q> ? ?p是一個行內元素會獨占一行，就算q寫在后面也會直接換行除非是<p>xinqing<q>buhao</q></p>

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

大塊吃肉188

錯了 p是塊級元素 所以會獨占一行 想要在一行上就把q寫在p內<p>xinqing<q>buhao</q></p>
2016-06-30 回復 有任何疑惑可以回復我~

兩個分開的標簽 好像要實現同一行 應該不行 除非在一個大標簽內

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

試一試這樣行嗎？<p>xinqing<q>buhao</q></p>

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

八重雪8 提問者

這樣寫不行，沒有效果的
2016-04-21 回復 有任何疑惑可以回復我~
#2

大塊吃肉188 回復 八重雪8 提問者

為什么我試過是可以的 xinqing“buhao” q標簽在p標簽里面應該是行內元素在塊級元素之內 顯示是一行才對
2016-06-30 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

為什么有的內聯元素不是顯示在同一行？

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

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

 幫助反饋 APP下載

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

 公眾號

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