1. 程式人生 > >HTML 塊級元素行內元素的區別

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

相互轉換 塊級元素 元素 nbsp 兩種 html標簽 css屬性 inline display

HTML標簽

一、塊級元素和行內元素是布局中常見的兩種基本元素

常見塊級元素:div p form ul ol li

常見的行內元素:span stronh em;

二、塊級元素特性

1.默認獨占一行

2.沒有寬高時默認撐開一排

3.支持所有css屬性

三、內聯元素的特性

1、同排可以繼續跟同類的標簽

2、內容撐開寬度

3、不支持寬高

4、不支持上下的margin和padding

5、代碼換行被解析

四、塊級元素內聯元素相互轉換

css display:block; 塊級元素

    display:inline; 行內元素

五、display:inline-block;屬性解析

特性

1、塊在一行顯示;

2、行內屬性標簽支持寬高;

3、沒有寬度的時候內容撐開寬度

問題:

1.代碼換行被解析;

2、ie6 ie7 不支持塊屬性標簽的inline-block;

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