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

塊級元素

1. 塊級元素會獨佔一行，默認情況下寬度自動填滿其父元素寬度

2. 塊級元素可以設置寬高

3. 塊級元素可以設置margin，padding

4. display:block;

常見塊級元素：div、h1~h6、center、hr、ul、ol、p、table、form

行內元素（內聯元素）

1. 行內元素不會獨佔一行，相鄰的行內元素會排在同一行。其寬度隨內容的變化而變化

2. 行內元素不可以設置寬高

3. 行內元素水平方向的margin-left; margin-right; padding-left; padding-right;可以生效。但是豎直方向的margin-bottom; margin-top; padding-top; padding-bottom;卻不能生效

   Advertisements

4. display:inline;

常見行內元素（內聯元素）：a、b、br、em、i、img、span、strong、sub、sup