标签显示模式分类(块元素、行内元素)
HTML标签一般分为块标签和行内标签两种类型,也称为块元素和行内元素。
块元素(block-level)
常见块元素有:h1~h6,p,div,ul,ol,li等。
特点:
(1)独占一行。
(2)宽度、高度、外边距和内边距都可以控制。
(3)宽度默认为容器的100%。
(4)可以容纳内联元素和其他块元素。
行内元素(inline-level)
常见行内元素有: a,strong,b,em,i,del,s,ins,u,span等。
特点:
(1)和相邻行内元素在同一行上。
(2)宽、高不能控制,但是水平方向的padding和margin可以设置,垂直方向无效。
(3)默认宽度是它本身内容宽度。
(4)行内元素只能容纳文本或者其他行内元素(a特殊)。
行内块元素(inline-block)
在行内元素中有几个特殊的标签——<img />
、<input />
、<td>
,可以对他们设置宽高和对齐。
特点:
(1)和相邻行内元素在一行上,但之间会有空白缝隙。
(2)默认宽度为内容宽度。
(3)宽度、高度、padding和margin都可以控制。