HTML 块和内联元素
每个 HTML 元素都有一个默认显示值,具体取决于哪种类型的元素。
有两个显示值:块和内联。
提示
HTML5规范定义了更加详细的元素类型,参考Element content categories
块级元素
块级元素总是在新行开始,浏览器自动在元素前后添加一些空格(边距)。
块级元素始终占据可用的整个宽度,也就是占据一整行。
例如:<div>
和 <p>
标签就是块级元素:
<div style="background-color: gray">我是块级元素div,我占据了这一行</div>
<p style="background-color: green">我也是块级元素p,我占据了这一行</p>
内联元素
内联元素不会从新行开始。内联元素仅占用所需的宽度。
<span style="background-color: gray">我是块级元素span,我显示在同一行</span>
<strong style="background-color: green">我也是块级元素strong,我显示在同一行</strong>
警告
内联元素不应该包含块级元素!
HTML 参考
名称 | 描述 |
---|