跳到主要内容

HTML 块和内联元素

每个 HTML 元素都有一个默认显示值,具体取决于哪种类型的元素。

有两个显示值:块和内联。

提示

HTML5规范定义了更加详细的元素类型,参考Element content categories

块级元素

块级元素总是在新行开始,浏览器自动在元素前后添加一些空格(边距)。

块级元素始终占据可用的整个宽度,也就是占据一整行。

例如:<div><p> 标签就是块级元素:

<div style="background-color: gray">我是块级元素div,我占据了这一行</div>
<p style="background-color: green">我也是块级元素p,我占据了这一行</p>
about:blank

内联元素

内联元素不会从新行开始。内联元素仅占用所需的宽度。

<span style="background-color: gray">我是块级元素span,我显示在同一行</span>
<strong style="background-color: green">我也是块级元素strong,我显示在同一行</strong>
about:blank
警告

内联元素不应该包含块级元素!

HTML 参考

名称描述