Template:Clear/doc

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

説明

{{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}}

次のセクション

こっちの方がよい?

関連テンプレート

• Template:clear
• Template:clearleft：左側のカラムが終わるまで待つ。
• Template:clearright：右側のカラムが終わるまで待つ。
• Template:-は似ているが技術的には異なる。

議論

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