HTML的元素可以分為兩種：

• 塊級(jí)元素（block level element ）
• 內(nèi)聯(lián)元素（inline element ）
  

二者的區(qū)別如下：

? ?? ?1. 塊級(jí)元素獨(dú)占一行（除非顯示修改元素的display屬性），內(nèi)聯(lián)元素在一行內(nèi)顯示；
? ?? ?2. 塊級(jí)元素可以設(shè)置width、height屬性，而內(nèi)聯(lián)元素設(shè)置這些屬性無(wú)效；
? ?? ?3. 塊級(jí)元素的默認(rèn)width為100%，而內(nèi)聯(lián)元素的的width是根據(jù)其內(nèi)容或子元素確定的。?

二者的相互轉(zhuǎn)化：


? ?? ?塊級(jí)元素——>內(nèi)聯(lián)元素：display:inline;? ? 內(nèi)聯(lián)元素——>塊級(jí)元素：display:block;

介于二者之間的狀態(tài)：


? ?? ?設(shè)置display:inline-block;屬性，使元素對(duì)外表現(xiàn)為行內(nèi)元素，在一行內(nèi)顯示；對(duì)內(nèi)表現(xiàn)為塊級(jí)元素，能設(shè)置width、height屬性。?

常見的塊級(jí)元素和行內(nèi)元素?


? ?? ?塊級(jí)元素：div p h1 h2 h3 h4 h5 h6 dl ul ol li table hr（水平分割線）
? ?? ?內(nèi)聯(lián)元素：a img span input（輸入框） select（項(xiàng)目選擇） textarea（多行文本輸入框） sub（下標(biāo)） sup（上標(biāo)）


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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。