模板:Clear/文档

描述

该模板允许你对页面的左侧、右侧或一整行进行清除。清除意味着该模板之后的内容将会被推后显示，直至所指定的一侧所存在的内容（举个例子，“悬挂”或浮动的图片或内容块）被完全显示出来后才会显示。该模板会很通常被使用，这样文本就不会在某些不相关的图片周围绕着。

该模板向页面中添加了以下代码：<div style="clear:left/right/both;"></div>（clear 后的值取决于所选参数）。该代码影响带有 CSS 属性 float 的元素，包括在一侧浮动的文件（举个例子，[[File:图片.png|right]]）。

语法

• 若需清除页面的一整行，使用代码 {{Clear}}。
• 若仅需清除页面的左侧，使用代码 {{Clear|<left>}}。
• 若仅需清除页面的右侧，使用代码 {{Clear|<right>}}。

你亦可以使用 {{-}} 来作为该模板的缩写形式取代 {{Clear}} 使用。

示例

=== 小节 1 ===
[[File:示例.jpg|200px|right]]
小节 1 文本。

=== 小节 2 ===
小节 2 文本。
{{Clear|right}}

=== 小节 3 ===
小节 3 文本。

此段代码会产生以下结果：

---

小节 1

文件:Example.jpg

小节 1 文本。

小节 2

小节 2 文本。

小节 3

小节 3 文本。

---

正如上面所演示的那样，被添加在小节 1 中的示例图片被显示在了右侧，且一直向下扩张，通到了小节 2 的位置，此时 {{Clear}} 模板被放在了第二个小节的末尾，导致示例图片不会被放在小节 3 的旁边。也因此，使用 {{Clear}} 模板就可以控制哪些元素会被显示在另外一些元素的旁边。

另请参见

• MDN 上的 CSS 属性 clear
• MDN 上的 CSS 属性 float