Template:Clear/doc

このテンプレートは<div style="clear: both"></div>;を追加する。 XHTML 技術の詳細はを参照。

説明

{{clear}}: 先行するコンテンツが終了する行まで、次のコンテンツを待たせる指定。しばしば、関連しないイメージの後に記載したいときに使う。

使用法

{{subst: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} テンプレートを使った例

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}} 実際にするこで、 {{msgnw:clear}} で表示される <noinclude> 部分は関係ない。

<div style="clear:{{{1|both}}};"></div><noinclude> {{documentation}} </noinclude>

参照

Template:Clear（編集 / ノート / リンク元 / 履歴 / ログ）
Template:Clearleft（編集 / ノート / リンク元 / 履歴 / ログ）: 左側のカラムが終わるまで待つ。
Template:Clearright（編集 / ノート / リンク元 / 履歴 / ログ）: 右側のカラムが終わるまで待つ。
Template:-（編集 / ノート / リンク元 / 履歴 / ログ）は似ているが技術的には異なる。

議論

{{clear}} と {{-}} の詳細の比較は .で議論されている。