行內元素和塊元素的區別


行內元素:

內容多少就占多大的空間

與其他行內元素並排

不能設置寬高,默認寬度就是文字的寬度

塊元素:

不管內容多少,總是在瀏覽器中獨占一行。

可設置寬高,如果不設置寬高那寬度是100%

行內塊元素:共享一行,可設置寬高,多個行內元素排列在一起

塊級元素和行內元素的分類:

在HTML的角度來講,標簽分為:

     文本級標簽:p span  a b i u em

     容器級標簽:div  h系列  li  dt dd

p:里面只能存放圖片和文字和表單元素,p里面不能放ul,也不能放p

行內元素:除了p之外,所有的文本級標簽,都是行內元素,p除外,它是文本級標簽,但是是個塊級元素

塊級元素:所有的容器級標簽都是塊級元素,以及p標簽。

 

 

塊級元素和行內元素相互轉換:

通過display屬性

display:inline; //轉換成行內元素

display:block;//將行內元素轉換成塊級元素


免責聲明!

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



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