From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/html/inline_elements/index.html | 53 +++++++++++++++++++++++++ 1 file changed, 53 insertions(+) create mode 100644 files/zh-cn/web/html/inline_elements/index.html (limited to 'files/zh-cn/web/html/inline_elements') diff --git a/files/zh-cn/web/html/inline_elements/index.html b/files/zh-cn/web/html/inline_elements/index.html new file mode 100644 index 0000000000..928fd1a6f3 --- /dev/null +++ b/files/zh-cn/web/html/inline_elements/index.html @@ -0,0 +1,53 @@ +--- +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') }}

+ +

行内元素与块级元素对比

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

行内元素列表

+ +

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

+ + + +

另请参阅

+ + -- cgit v1.2.3-54-g00ecf