--- title: 行内元素 slug: Web/HTML/Inline_elements tags: - HTML - 'HTML:元素参考' - HTML：元素参考 - 初学者 translation_of: Web/HTML/Inline_elements ---

摘要

HTML (超文本标记语言) 元素大多数都是行内元素或块级元素。一个行内元素只占据它对应标签的边框所包含的空间。下面这个例子说明了行内元素的作用范围：

行内元素示例

HTML

<p>This <span>span</span> is an inline element; its background has been colored to display both the beginning and end of the inline element's influence</p>

CSS

span { background-color: #8ABB55; }

{{ EmbedLiveSample('Inline_example') }}

行内元素与块级元素对比

内容
一般情况下，行内元素只能包含数据和其他行内元素。
而块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。
格式
默认情况下，行内元素不会以新行开始，而块级元素会新起一行。

行内元素列表

下面的元素都是行内元素：

另请参阅