練習ページ/43/改行ヒンティング

Last-modified: 2020-07-04 (土) 07:53:18

改行ヒンティング

目的

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

例えば

吹雪改

ではなく

吹雪
改二

となるようにしたり、

Saratoga Mk.II
Mod.2

ではなく

Saratoga
Mk.II Mod.2

となるようにする。

nobr プラグイン

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

    詳細

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

    自動的な改行や画像リサイズが発生しやすくなったため、それらを抑制する nobr プラグインを追加しました。
    大きな表でも改行と縮小で崩れないようにできます。この影響ではみ出す分は横スクロールになります。
    # で囲むと範囲内を改行しなくなる。テーブルに便利。
    & でどうしても折られたくないテキストを囲むと細かい制御ができて便利。
    nobr 内では画像も自動リサイズしない。
  • &nobr{}; に与えた引数は以下の style を持つ <span> に boxing される
    • white-space: nowrap;
    • overflow-x: auto;
  • 採用

指定例 - nobr プラグイン

文字列指定例抑止される改行(一部)改善された改行
吹雪改二吹雪&nobr{改二};吹雪改
吹雪
[改二]
第四号海防艦改&nobr{第四号};&nobr{海防艦};第四号海防
艦改
[第四号]
[海防艦]

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

テスト - nobr プラグイン

テスト - nobr プラグイン - "吹雪改二"

列幅指定 - (無指定)

吹雪改二
吹雪改二

列幅指定 - 5 7 11 13 17 19 23 29 31 37

吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二
吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二

列幅指定 - 41 ... 59

4143475359
吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二
4143475359
吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二

列幅指定 - 41 ... 79

6167717379
吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二
6167717379
吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二

テスト - nobr プラグイン - "第四号海防艦改"

列幅指定 - (無指定)

第四号海防艦改
第四号海防艦

列幅指定 - 5 7 11 13 17 19 23 29 31 37

第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改
第四号海防艦第四号海防艦第四号海防艦第四号海防艦第四号海防艦第四号海防艦第四号海防艦第四号海防艦第四号海防艦第四号海防艦

列幅指定 - 41 ... 59

4143475359
第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改
4143475359
第四号海防艦第四号海防艦第四号海防艦第四号海防艦第四号海防艦

列幅指定 - 41 ... 79

6167717379
第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改
6167717379
第四号海防艦第四号海防艦第四号海防艦第四号海防艦第四号海防艦

列幅指定 - 83 ... 103

838997101103
第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改
838997101103
第四号海防艦第四号海防艦第四号海防艦第四号海防艦第四号海防艦

WJ - word joiner

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

指定例 - WJ

文字列指定例抑止される改行(一部)改善された改行
吹雪改二吹雪改&#8288;吹雪改
吹雪
+
第四号海防艦改&#8288;&#8288;号海&#8288;&#8288;艦改第四号海防
艦改
++
++艦改

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

テスト - WJ

テスト -WJ - "吹雪改二"

列幅指定 - (無指定)

吹雪改二
吹雪改⁠二

列幅指定 - 5 7 11 13 17 19 23 29 31 37

吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二
吹雪改⁠二吹雪改⁠二吹雪改⁠二吹雪改⁠二吹雪改⁠二吹雪改⁠二吹雪改⁠二吹雪改⁠二吹雪改⁠二吹雪改⁠二

列幅指定 - 41 ... 59

4143475359
吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二
4143475359
吹雪改⁠二吹雪改⁠二吹雪改⁠二吹雪改⁠二吹雪改⁠二

列幅指定 - 41 ... 79

6167717379
吹雪改二吹雪改二吹雪改二吹雪改二吹雪改二
6167717379
吹雪改⁠二吹雪改⁠二吹雪改⁠二吹雪改⁠二吹雪改⁠二

テスト -WJ - "第四号海防艦改"

列幅指定 - (無指定)

第四号海防艦改
第⁠四⁠号海⁠防⁠艦改

列幅指定 - 5 7 11 13 17 19 23 29 31 37

第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改
第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改

列幅指定 - 41 ... 59

4143475359
第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改
4143475359
第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改

列幅指定 - 41 ... 79

6167717379
第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改
6167717379
第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改

列幅指定 - 83 ... 103

838997101103
第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改第四号海防艦改
838997101103
第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改第⁠四⁠号海⁠防⁠艦改

NBSP - no-break space

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

指定例 - NBSP

文字列指定例抑止される改行改善された改行
Saratoga Mk.II Mod.2Saratoga Mk.II&nbsp;Mod.2Saratoga Mk.II
Mod.2
Saratoga
Mk.IIMod.2
De RuyterDe&nbsp;RuyterDe
Ruyter
DeRuyter

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

テスト - NBSP

テスト - NBSP - "Saratoga Mk.II Mod.2"

列幅指定 - (無指定)

Saratoga Mk.II Mod.2
Saratoga Mk.II Mod.2

列幅指定 - 61 ... 79

6167717379
Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2
6167717379
Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2

列幅指定 - 83 ... 103

838997101103
Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2
838997101103
Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2

列幅指定 - 107 ... 131

107109113127131
Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2
107109113127131
Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2

列幅指定 - 137 ... 157

137139149151157
Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2
137139149151157
Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2Saratoga Mk.II Mod.2

テスト - NBSP - "De Ruyter"

列幅指定 - (無指定)

De Ruyter
De Ruyter

列幅指定 - 41 ... 59

4143475359
De RuyterDe RuyterDe RuyterDe RuyterDe Ruyter
4143475359
De RuyterDe RuyterDe RuyterDe RuyterDe Ruyter

列幅指定 - 41 ... 79

6167717379
De RuyterDe RuyterDe RuyterDe RuyterDe Ruyter
6167717379
De RuyterDe RuyterDe RuyterDe RuyterDe Ruyter

列幅指定 - 83 ... 103

838997101103
De RuyterDe RuyterDe RuyterDe RuyterDe Ruyter
838997101103
De RuyterDe RuyterDe RuyterDe RuyterDe Ruyter

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

改行されない文字列指定例指定前指定後
L.d.S.D.d.AbruzziL.d.S.D.d.&#8203;AbruzziL.d.S.D.d.AbruzziL.d.S.D.d./
Abruzzi

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

テスト - ZWSP

テスト - ZWSP - "L.d.S.D.d.Abruzzi"

列幅指定 - (無指定)

L.d.S.D.d.Abruzzi
L.d.S.D.d.​Abruzzi

列幅指定 - 61 ... 79

6167717379
L.d.S.D.d.AbruzziL.d.S.D.d.AbruzziL.d.S.D.d.AbruzziL.d.S.D.d.AbruzziL.d.S.D.d.Abruzzi
6167717379
L.d.S.D.d.​AbruzziL.d.S.D.d.​AbruzziL.d.S.D.d.​AbruzziL.d.S.D.d.​AbruzziL.d.S.D.d.​Abruzzi

列幅指定 - 83 ... 103

838997101103
L.d.S.D.d.AbruzziL.d.S.D.d.AbruzziL.d.S.D.d.AbruzziL.d.S.D.d.AbruzziL.d.S.D.d.Abruzzi
838997101103
L.d.S.D.d.​AbruzziL.d.S.D.d.​AbruzziL.d.S.D.d.​AbruzziL.d.S.D.d.​AbruzziL.d.S.D.d.​Abruzzi

列幅指定 - 107 ... 131

107109113127131
L.d.S.D.d.AbruzziL.d.S.D.d.AbruzziL.d.S.D.d.AbruzziL.d.S.D.d.AbruzziL.d.S.D.d.Abruzzi
107109113127131
L.d.S.D.d.​AbruzziL.d.S.D.d.​AbruzziL.d.S.D.d.​AbruzziL.d.S.D.d.​AbruzziL.d.S.D.d.​Abruzzi

列幅指定 - 137 ... 157

137139149151157
L.d.S.D.d.AbruzziL.d.S.D.d.AbruzziL.d.S.D.d.AbruzziL.d.S.D.d.AbruzziL.d.S.D.d.Abruzzi
137139149151157
L.d.S.D.d.​AbruzziL.d.S.D.d.​AbruzziL.d.S.D.d.​AbruzziL.d.S.D.d.​AbruzziL.d.S.D.d.​Abruzzi

下層ページ一覧