HTML的元素可以分為兩種：

• 塊級元素（block level element ）
• 內聯元素（inline element ）
  

二者的區別如下：

? ?? ?1. 塊級元素獨占一行（除非顯示修改元素的display屬性），內聯元素在一行內顯示；
? ?? ?2. 塊級元素可以設置width、height屬性，而內聯元素設置這些屬性無效；
? ?? ?3. 塊級元素的默認width為100%，而內聯元素的的width是根據其內容或子元素確定的。?

二者的相互轉化：


? ?? ?塊級元素——>內聯元素：display:inline;? ? 內聯元素——>塊級元素：display:block;

介于二者之間的狀態：


? ?? ?設置display:inline-block;屬性，使元素對外表現為行內元素，在一行內顯示；對內表現為塊級元素，能設置width、height屬性。?

常見的塊級元素和行內元素?


? ?? ?塊級元素：div p h1 h2 h3 h4 h5 h6 dl ul ol li table hr（水平分割線）
? ?? ?內聯元素：a img span input（輸入框） select（項目選擇） textarea（多行文本輸入框） sub（下標） sup（上標）


via:http://www.cnblogs.com/sun-mile- ... /10/13/4022494.html

總結

以上是生活随笔為你收集整理的块级元素 Vs 内联元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。