2014年1月10日(金)
半角スペースの表示 #■子猫の手

　『子猫の手』では、半角スペースを入力した分だけ正確に表示するために、半角スペースを に置き換えている。 は、no-breakspaceの略で、千切れない空白という意味から、その部分では改行しない。

　千切れても構わない半角スペースは、等幅フォントにて なのだが、各ブラウザで表示が異なるので使えない。

　white-space:pre-wrap;と指定すれば、半角スペースは置き換えなくても、正確に表示される。しかし、<br>による改行で、行間が発生してしまう。margin等をいじってみるも、上手く行かない。段落扱いは便利な機能なのだが、行間無しができないと、ちょっとした文字絵を描くのに困る。
┌─┬───┐
├─┼───┤
└─┴───┘
┌─┬───┐

├─┼───┤

└─┴───┘

　直前のブログで紹介したword-wrap:break-word;を使えば、&nbsp;で英字が繋がって、ダラダラ右に伸びるという懸念はなくなる。その代わり、英単語がぶち切れるのだが、まあ、『子猫の手』は、日本語仕様ということで。

GarageCollectionGarageCollectionGarageCollectionGarageCollectionGarageCollection

※&nbsp;を連続しても、ちゃんと改行してくれる。
「」