根据表现形式的不同可以分为块元素(block)和行元素(inline)。
块元素独占一行,常见的有:div, h1-h6, p, hr, ol, ul
行元素常见的有:span, em, s, u, strong, a
- 块元素内可以容纳块元素和行元素
- 行元素内只可以是行元素
- 行元素无法定义宽和高,margin-top和margin-bottom
上述类型间的转换,可以使用display: inline, block, inline-block(行内块元素), table, table-cell(类似于td), table-row (类似于tr), none
常见的inline-block元素有:img和input, 他们既可以与其他元素在同一行,也可以设置宽高,所以既具备了块元素的特点又具备了行元素的特点
网友评论