行內元素和塊級元素之間有什么區別?


在html+css基礎當中,我們往往會遇到塊元素和行內元素。在實際開發中,會經常把他們弄混淆,而且很難記住。那么行內元素和塊級元素之間有什么區別?

 

 

行內元素和塊級元素的區別

 

行內元素和其他行內元素都會在一條水平線上排列,都是在同一行的;塊級元素卻總是會在新的一行開始排列,各個塊級元素獨占一行,垂直向下排列,若想使其水平方向排序,可使用左右浮動(float:left/right)讓其水平方向排列。

 

 

行內元素不可以設置寬高,寬度高度隨文本內容的變化而變化,但是可以設置行高(line-height),同時在設置外邊距margin上下無效,左右有效,內填充padding上下無效,左右有效;塊級元素可以設置寬高,並且寬度高度以及外邊距,內填充都可隨意控制。

 

 

塊級元素可以包含行內元素和塊級元素,還可以容納內聯元素和其他元素;行內元素不能包含塊級元素,只能容納文本或者其他行內元素。

 

豌豆資源搜索網站https://55wd.com 廣州vi設計公司http://www.maiqicn.com

注:

行內元素與塊級元素之間是可以相互轉換,通過修改display屬性值來切換塊級元素和行內元素,行內元素display:inline,塊級元素display:block。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM