課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
為什么3個塊狀元素一行???是不是先把三個元素設(shè)置為共同樣式才放到一行的?
2016-07-22
源自:初識HTML(5)+CSS(3)-升級版 13-3
正在回答
?這里用到display布局 ?分為三種情況 ?1:行元素轉(zhuǎn)換成塊元素display:block; ?2:塊元素轉(zhuǎn)換成行元素 display:inline;
3:把行元素轉(zhuǎn)換成類似于塊元素的性質(zhì)(可以設(shè)置寬高等) dispaly:inline-block; ?也可以用浮動布局控制塊元素在一行 float: ? ?left/right;
LemonTree丿 提問者
因為不是塊狀元素,不具有獨自占據(jù)一行的權(quán)利,所以就跟著后面陸續(xù)出現(xiàn)
右側(cè)代碼編輯器中內(nèi)聯(lián)元素標簽a、span、em、strong都是內(nèi)聯(lián)元素<<<-----------------他們都是內(nèi)聯(lián)元素,所以不占一行,只有塊狀元素呢才是霸道的人,他們就占一行。至于塊狀元素個內(nèi)聯(lián)元素的轉(zhuǎn)換,就可以參考樓上說的。用display布局,display:block(塊->內(nèi)聯(lián))balabala ,,,,名字都記不住我,其實就記得“塊”,這個家伙霸道,占地!??!就夠了
div{
????? width:200px;
????? height:200px;
????? border:2px red solid;
????? float:left;
????}
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標簽用法和意義
3 回答三個塊狀元素怎么破???
2 回答div不是塊狀元素嗎,為什么在行內(nèi)元素?
3 回答塊狀元素和行內(nèi)元素
1 回答行內(nèi)元素與塊狀元素
3 回答將塊狀元素轉(zhuǎn)為內(nèi)聯(lián)元素后,放在當其他塊狀元素的子元素,為什么還是會自動換行?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-07-23
?這里用到display布局 ?分為三種情況 ?1:行元素轉(zhuǎn)換成塊元素display:block; ?2:塊元素轉(zhuǎn)換成行元素 display:inline;
3:把行元素轉(zhuǎn)換成類似于塊元素的性質(zhì)(可以設(shè)置寬高等) dispaly:inline-block; ?也可以用浮動布局控制塊元素在一行 float: ? ?left/right;
2016-08-01
因為不是塊狀元素,不具有獨自占據(jù)一行的權(quán)利,所以就跟著后面陸續(xù)出現(xiàn)
2016-07-23
右側(cè)代碼編輯器中內(nèi)聯(lián)元素標簽a、span、em、strong都是內(nèi)聯(lián)元素<<<-----------------他們都是內(nèi)聯(lián)元素,所以不占一行,只有塊狀元素呢才是霸道的人,他們就占一行。至于塊狀元素個內(nèi)聯(lián)元素的轉(zhuǎn)換,就可以參考樓上說的。用display布局,display:block(塊->內(nèi)聯(lián))balabala ,,,,名字都記不住我,其實就記得“塊”,這個家伙霸道,占地!??!就夠了
2016-07-23
div{
????? width:200px;
????? height:200px;
????? border:2px red solid;
????? float:left;
????}