| 块级元素(block-level) | 行内元素(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 |
块级元素和行内元素的区别:
| 块级元素 | 行内元素 |
|---|---|
| 占据一整行 | 占据自身的宽度 |
| 可以包含块级元素和行内元素 | 只能包含行内元素和文本 |
| 宽(width)高(height)有效 | 宽(width)高(height)无效 |
| margin、padding上下左右都生效 | margin、padding上下无效,左右有效 |