模板:Clear
更多操作
此模板让后续内容整个在新行呈现。模板常使用于避免文字跟在无关的图像后方。
使用
{{clear}}— 在内容中添加<div style="clear: both;"></div>{{clear|left}}— 在内容中添加<div style="clear: left;"></div>{{clear|right}}— 在内容中添加<div style="clear: right;"></div>
关于技术细节, 参见此模板在维基百科上的讨论页。
示例
未使用 {{clear}} 模板的示例

Lorem ipsum dolor sit amet, consectetur adipiscing 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}} 模板时, 此章节开始于图像的右侧。
使用 {{clear}} 模板的示例

Lorem ipsum dolor sit amet, consectetur adipiscing 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}}
{{clear}} 放置于此章节之前, 所以此章节显示在图像之下。
模板数据
此模板让后续内容整个在新列呈现。常使用于避免文字跟在无关的图像后方。所以文本会显示于图像下方的全宽度行中。
| 参数 | 描述 | 类型 | 状态 | |
|---|---|---|---|---|
| 边 | 1 | 可以是“right”(右)“left”(左)或“both”(左右两边,默认值),用于清除前面的特定方向上的浮动。详见 https://developer.mozilla.org/zh-CN/docs/Web/CSS/clear
| 字符串 | 可选 |