模板:Clearleft

来自维基学院
文档图示 模板文档[查看] [编辑] [历史] [清除缓存]

本模板会增加源代码<div style="clear:both;"></div>;XHTML技术的细节请见en:Template talk:Clear

说明[编辑源代码]

{{clear}}让后续内容整个在新列呈现。常使用于避免文字跟在无关的图像后方。

使用方法[编辑源代码]

直接使用:

{{Clear}}

使用匿名参数:

{{Clear|left}}
{{Clear|right}}

本模板也可用替换引用(Subst:)形式使用,但鉴于生成的标记会让很多编辑者感到困惑,并且本模板也提供了自身的说明文档,因此没有多大理由使用替换引用形式。

未使用{{clear}}模板的范例[编辑源代码]

示范图片
示范图片

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

新章节[编辑源代码]

注意本节和图像重叠于同列,章节内容起始于图像的右侧。

使用{{clear}}模板的范例[编辑源代码]

示范图片
示范图片

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{{clear}}

新章节[编辑源代码]

这样看起来不是好多了吗?

重定向[编辑源代码]

参见[编辑源代码]