块级元素(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上下无效,左右有效 |