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