Template:Nowrap begin

これは行の折り返しを制御し、禁則処理を実現するためのテンプレートです。{{Tl|Nowrap begin}}と{{Tl|Nowrap end}}および折り返し位置テンプレートの組み合わせで使います。長いリストや表の中でよく使われます。

このテンプレートを使う前にhlistクラスの使用も検討してください。また、リンクの途中での折り返しを防ぐには、Common.cssで定義されているnowraplinksクラスか{{Tl|Nowraplinks}}を利用するほうが簡単です。

使い方

{{Nowrap begin}}と{{Nowrap end}}で囲んだ文章中では、{{Wrapj}}で指定した箇所以外で折り返しが起きなくなります。

{{Nowrap begin}}砂糖と{{Wrapj}}塩と{{Wrapj}}酢と{{Wrapj}}醤油と{{Wrapj}}味噌。{{Wrapj}}砂糖と{{Wrapj}}塩と{{Wrapj}}酢と{{Wrapj}}醤油と{{Wrapj}}味噌。{{Nowrap end}}

これがどのように表示されるかは閲覧環境によりますが、以下のように表示されることはありません。

{{Indent|砂糖と塩と酢と醤油
と味噌。砂糖と塩と酢
と醤油と味噌。}}

例えば以下のように表示されます。

{{Indent|砂糖と塩と酢と
醤油と味噌。砂糖と塩と
酢と醤油と味噌。}}

実例

以下は上記のコードを実際に記述した例です。ブラウザウィンドウの幅をいろいろに変えてみて折り返しがどのように変化するか確認してください。

左スペース

{{Nowrap begin}}砂糖と{{Wrapj}}塩と{{Wrapj}}酢と{{Wrapj}}醤油と{{Wrapj}}味噌。{{Wrapj}}砂糖と{{Wrapj}}塩と{{Wrapj}}酢と{{Wrapj}}醤油と{{Wrapj}}味噌。{{Nowrap end}}

右スペース

折り返し位置テンプレート

以下は折り返し位置を指定するテンプレートの一覧です。新しく作成した際にはここに追加してください。

これらのテンプレートの前に空白を入れないでください。区切り記号を表示するものは、区切り記号の後で折り返しがおきます。

{{Indent|注意：これらのテンプレートは{{Tl|Nowrap begin}}と{{Tl|Nowrap end}}で囲われた範囲でだけ利用できます。その他の場所で使わないでください。}}

{{Tl|Wrap}}

折り返し位置に空白をいれます。

{{Tl|Wrapj}}

折り返し位置の前後に空白をいれません。

{{Tl|·wrap}}

·の前後に空白をいれます。

{{Tl|•wrap}}

•の前後に空白をいれます。

{{Tl|・wrap}}

・の前後に空白をいれます。

{{Tl|・・wrap}}

・・の前後に空白をいれます。

{{Tl|-wrap}}

-の前後に空白をいれます。

{{Tl|!wrap}}

|の前後に空白をいれます。これは表のマークアップで使われるパイプ記号ではなく|というコードですので、表の中でも特別な意味を持ちません。

{{Tl|\wrap}}

/の前後に空白をいれます。

{{Tl|&wrap}}

&の前後に空白をいれます。

技術的な解説

これらのテンプレートは以下のようなHTML+CSSコードを出力します。

{{Indent|<span style="white-space:nowrap">砂糖と</span><span style="white-space:nowrap">塩と</span><span style="white-space:nowrap">酢と</span><span style="white-space:nowrap">醤油と</span><span style="white-space:nowrap">味噌。</span>}}

折り返しは</span>と<span ...>の間の保護されていない箇所で発生します。

関連項目

• {{Tl|Nowrap}} - 用途は同じですが、使い方が異なります。
• Common.cssのnowraplinksクラス - リンクの途中で折り返しが起きるのを防ぎます。{{Tl|Navbox}}で利用されています。
• {{Tl|Nowraplinks}} - そのnowraplinksクラスを使用したテンプレート。