コンテンツにスキップ

英文维基 | 中文维基 | 日文维基 | 草榴社区

「Template:Nowrap begin」の版間の差分

削除された内容 追加された内容
編集の要約なし
Added a <nowiki/> to prevent the newline break from being stripped -- needed for tackling pwrap-bug-workaround lint errors
1行目: 1行目:
<onlyinclude><span class="nowrap"></onlyinclude>
<onlyinclude><nowiki/>
<span class="nowrap"></onlyinclude>
{{Documentation}}
{{Documentation}}

2018年1月15日 (月) 02:51時点における版

テンプレートの解説[表示] [編集] [履歴] [キャッシュを破棄]

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

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

なお、モバイル版などでは改行禁止が適用されないため、記事の扱う内容上改行の有無が重要である場合(例:「ハイフン」)は、スマートフォンなどの画面サイズを考慮の上、<span style="white-space:nowrap;">...</span>{{#tag:span|...|style="white-space:nowrap;"}}を使用することも検討してください。

使い方

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

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

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

砂糖醤油
味噌砂糖
醤油味噌

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

砂糖
醤油味噌砂糖
醤油味噌

実例

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

左スペース

砂糖 醤油味噌 砂糖 醤油味噌

右スペース

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

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

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

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

{{Wrap}} {{W}}
折り返し位置に空白をいれます。
{{Wrapj}}
折り返し位置の前後に空白をいれません。
{{·wrap}} {{·w}}
·の前後に空白をいれます。
{{•wrap}} {{•w}} {{.w}}
•の前後に空白をいれます。
{{・wrap}}
・の前後に空白をいれます。
{{・・wrap}}
・・の前後に空白をいれます。
{{-wrap}} {{-w}}
-の前後に空白をいれます。
{{!wrap}} {{!w}}
|の前後に空白をいれます。これは表のマークアップで使われるパイプ記号ではなく&#124;というコードですので、表の中でも特別な意味を持ちません。
{{\wrap}} {{\w}}
/の前後に空白をいれます。
{{&wrap}}
&の前後に空白をいれます。

技術的な解説

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

<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 ...>の間の保護されていない箇所で発生します。

関連項目

  • {{Nowrap}} - 用途は同じですが、使い方が異なります。
  • MediaWiki:Common.cssのnowraplinksクラス - リンクの途中で折り返しが起きるのを防ぎます。{{Navbox}}で利用されています。
  • {{Nowraplinks}} / {{Nowraplinks end}} - {{Nowrap begin}} + {{Nowrap end}}に似ていますが、こちらはリンク文字列の文中改行を防ぎます。
  • {{Jbr}} - 折り返し位置に記号や空白を入れない場合はこのテンプレートが使えます。
  • {{Flatlist}}およびhlistクラス