議論掲示板/改修表の体裁変更/43/改行ヒンティング

改行ヒンティング

目的

文字列を表示する際に表示領域の幅が十分に存在しないと文字列の途中で改行されることは避けられないが、
改行を許可する/許可しない位置を指定することにより不適切な場所で改行されることを抑止する。

例えば

ではなく

となるようにしたり、

ではなく

となるようにする。

nobr プラグイン

• &nobr{};
• wikiwiki プラグイン
  詳細

  文字や画像のサイズ調整について

  自動的な改行や画像リサイズが発生しやすくなったため、それらを抑制する nobr プラグインを追加しました。
  大きな表でも改行と縮小で崩れないようにできます。この影響ではみ出す分は横スクロールになります。

  # で囲むと範囲内を改行しなくなる。テーブルに便利。
  & でどうしても折られたくないテキストを囲むと細かい制御ができて便利。
  nobr 内では画像も自動リサイズしない。

• &nobr{}; に与えた引数は以下の style を持つ <span> に boxing される
  • white-space: nowrap;
  • overflow-x: auto;

• 採用

指定例 - nobr プラグイン

(注) [ と ] は &nobr{...} の指定範囲を明示するため用いた記号であり、実際には [ と ] は表示されない

テスト - nobr プラグイン

WJ - word joiner

• U+2060
• &#8288;
• 幅0の空白
  • WJそれ自身は完全に何も表示されない
• 指定した位置で改行されなくなる
• 検索に難あり(環境による)
  • "12.7cm連装砲" で検索しても "12.7cm連+装砲"( + はU+2060) にはマッチしない
    • WJ(U+2060) が個別の文字として認識されてしまうため
• 不採用
  • (現時点では)検索に難があるため
  • 但し、通常は検索対象にならないテーブルヘッダなどでは便利かも

指定例 - WJ

(注) + は本来不可視である WJ(U+2060) の存在位置を明示するため用いた記号であり、実際には + は表示されない

テスト - WJ

NBSP - no-break space

• U+00A0
• &#160;
• &nbsp;
• その位置で改行されない空白
  • 通常の空白はその位置で改行される可能性がある
• 検索に問題は見受けられず
  • "Saratoga Mk.II Mod.2" で検索した場合でも、"Saratoga Mk.II□Mod.2"( □ はU+00A0) とマッチする
• 採用
  • とはいえ使う場所はあまり多くない気がする

指定例 - NBSP

(注) □ は空白と区別できない NBSP(U+00A0) の存在位置を明示するため用いた記号であり、実際には □ ではなく空白が表示される

テスト - NBSP

ZWSP - zero width space

• U+200B
• &#8203;
• 幅0の空白
  • ZWSPそれ自身は完全に何も表示されない
• 指定した位置で改行可能にする
  • 改行指示ではない
  • 改行が不要な場合は何もしない
• 検索に難あり(環境による)
  • "L.d.S.D.d.Abruzzi" で検索しても、"L.d.S.D.d./Abruzzi"( / はU+200B) にはマッチしない
    • ZWSP(U+200B) が個別の文字として認識されてしまうため
• 不採用
  • (現時点では)検索に難があるため
  • 但し、通常は検索対象にならないテーブルヘッダなどでは便利かも

指定例 - ZWSP

(注) / は本来不可視である ZWSP(U+200B) の存在位置を明示するため用いた記号であり、実際には / は表示されない

テスト - ZWSP

下層ページ一覧

• 議論掲示板/改修表の体裁変更/43/改行ヒンティング/その他
• 議論掲示板/改修表の体裁変更/43/改行ヒンティング/艦名