| 塊級(jí)元素(block-level) | 行內(nèi)元素(inline-level) |
|---|---|
| div | em |
| h1~h6 | strong |
| p | span |
| hr | a |
| form | br |
| ul | img |
| dl | button |
| ol | input |
| table | label |
| li | select |
| dd | textarea |
| dt | code |
| tr | script |
| td | |
| th |
塊級(jí)元素和行內(nèi)元素的區(qū)別:
| 塊級(jí)元素 | 行內(nèi)元素 |
|---|---|
| 占據(jù)一整行 | 占據(jù)自身的寬度 |
| 可以包含塊級(jí)元素和行內(nèi)元素 | 只能包含行內(nèi)元素和文本 |
| 寬(width)高(height)有效 | 寬(width)高(height)無(wú)效 |
| margin、padding上下左右都生效 | margin、padding上下無(wú)效,左右有效 |