テンプレート: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}}

次のセクション

こっちの方がよい？

動作原理

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

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

参照

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

議論

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