テンプレート:-/doc

< テンプレート:-
2023年4月18日 (火) 18:23時点における龍太郎 (トーク | 投稿記録)による版 (ページの作成:「<noinclude>{{Documentation subpage|種類=テンプレート}}</noinclude> <includeonly>{{使用箇所の多いテンプレート|48,000以上}}</includeonly> {{tsh|clr|-}} このテンプレートは<code><div style="clear:both;"></div></code>か<code><div style="clear:left;"></div></code>か<code><div style="clear:right;"></div></code>;を追加する。XHTMLの技術的な詳細は:en:Template talk…」)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)

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

説明

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

使用法

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

このテンプレートはsubst展開してもよい。しかし、展開するとこの解説ページに辿り着けなくなり、何のためのものかわかりづらくなる。

Clearテンプレートを使用しない例

テンプレート:Lorem ipsum

次のセクション

行がイメージと重なり、イメージの右側でこのセクションが始まっていることに注意。

Clearテンプレートを使った例

テンプレート:Lorem ipsum {{Clear}}

次のセクション

ここから行が始まる。


関連テンプレート

  • {{Clearleft}}:左側のカラムが終わるまで待つ。
  • {{Clearright}}:右側のカラムが終わるまで待つ。
  • {{Float}}
  • {{Stack}}
  • {{After float}}:画面幅が狭い場合のみ、{{Clear}}に類似した効果を発生させる。

議論

{{Clear}}{{-}}の詳細な比較はen:Template talk:-で議論されていたとおり、似ていながらも技術的には異なっていたが、HTML5に準拠するためTemplate talk:-のとおりリダイレクト化されている。