HTML-元素(块+行内+行内块)

49 阅读1分钟

1.各自特点:

块级元素(block): 独占一行,可设置宽高,有margin和padding

行内元素(inline):不独占一行,不能设置宽高,margin和padding只在2侧生效

行内块元素(inline-block):不独占一行,能设置宽高、margin和padding

2.常见的代表元素:

block: div标签,p标签,h1这些标题标签,ul/ol 标签

inline : span标签, img标签,a标签,b标签 等

inline-block: input标签, button标签 等

注意:

table标签不是block元素, 它的display:table
tr 标签: display:table-row
td 标签: display:table-cell
li 标签:它的display:list-item