課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)
<div class="one">
<img src="img/kuai.png">
</div>
<div class="two">
<p>百度一下</p><br>
? ? ? ? ? ? ? ? ?<p>快人一步</p>
寫出來圖片跟文字 不再同一高度上?
2016-08-22
源自:初識(shí)HTML(5)+CSS(3) 1-1
正在回答
使用display:inline;這個(gè)屬性是以行形式顯示的。你在第二個(gè)div中使用的標(biāo)簽<p>是段落標(biāo)簽,所以不會(huì)跟第一個(gè)圖片在同一行,換成<span>就可以實(shí)現(xiàn)圖片和文字在同一高度。還有就是你在第二個(gè)<div>中使用來了換行<br>
慕粉3688811 提問者
Ready_鞠 回復(fù) 慕粉3688811 提問者
兩個(gè)都加上:vertical-align:top;
vertical-align:middle;
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答把div改變成{ display:inline; }為什么不能用呢
2 回答除了用margin ,如何分離兩個(gè)重疊的div
2 回答想讓兩個(gè)塊狀元素并排顯示,設(shè)置display:inline;不行嗎?
3 回答如何讓文字不超出邊框
3 回答那如何讓兩個(gè)并排居中顯示呢?如何編寫代碼?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-08-22
2016-08-22
兩個(gè)都加上:vertical-align:top;
2016-08-22
vertical-align:middle;