Template:Nowrap end/sandbox
これはTemplate:Nowrap end (差分)のテンプレート・サンドボックスページです。 |
このテンプレートを一つの記事に多用しすぎると、ページに読み込まれるデータ量の制限を超えて、正しく表示されなくなってしまうおそれがあります。ご注意ください。 |
このテンプレートは15,000以上のページで使われています。 余計な混乱やサーバーへの負荷を避けるために、どんな変更でも最初はテンプレートのサンドボックス・サブページ、テストケース・サブページもしくはあなた自身の利用者スペースのページで試すべきです。そうすれば、試した変更を1度の編集でこのテンプレートに加えることができます。しかし、最初にあなたの提案した変更を、この項目のノートで議論するようにお願いします。 |
これは行の折り返しを制御し、禁則処理を実現するためのテンプレートです。{{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}}
- |の前後に空白をいれます。これは表のマークアップで使われるパイプ記号ではなく
|
というコードですので、表の中でも特別な意味を持ちません。 - {{\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クラス