css——行內元素和塊級元素的具體區別與行內塊元素


(學習筆記)

行內元素(inline)和塊級元素(block)都是display屬性的值。要知道行內元素和塊級元素的區別,首先要了解他們的特性。

行內元素的特性:“行內”,顧名思義,在一行之內,所以相鄰的行內元素在同一行,當他們寬度超過了容器的寬度才會自動換行。行內元素的寬度、高度、內邊距的 top/bottom和外邊距的top/bottom都是不可改變的,但 padding 和 margin 的 left 和 right 是可以設置的。常見的行內元素有:span、a、br。。。

 

塊級元素的特性:總是獨占一行,表現為另起一行開始,即其后的元素也必須另起一行顯示,他們的寬度、高度、內邊距和外邊距都可控制。常見的塊級元素有:table、form、ul li。。。

行內塊元素(inline-block):即融合了行內元素和塊級元素的特性,即在一行顯示,又能設置寬高。常見的行內塊元素有:img、input、button。。。

這些元素之間是可以通過設置display屬性來進行轉換的。

 


免責聲明!

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



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