&nbspで空白を入れたいのですが、文字間隔がおかしい

質問

ｈｔｍｌで文字列を整形したいです。
12345,67890
12345<5文字空白>67890
というような感じです。
で&nbsp;というのがあるということで
12345&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;67890
としてみました。
ところが&nbspを5個いれても5文字にならないようです。
ためしに以下のようにやってみました。
123456789<br>
1&nbsp;&nbsp;456789<br>
やっぱり変です。&nbspは半角の半分？？？なのでしょうか。
半角の空白を決めた数入れる方法を、ほかの方法でも良いので教えてください。

回答No.2

BLUEPIXY · ベストアンサー

等幅のフォントを指定する必要があります。
例えば
<div style="font-family:monospace">
123456789<br>
1&nbsp;&nbsp;456789<br>
</div>
とかしてみて下さい。

お礼

わざわざ具体例をありがとうございます。

回答No.3

noname#22222

全角ブランクを使えばある程度はカバーできますが、奇数バイトですと半角ブランクが１個入るますので多少狭くまります。完全に制御するには、No1さんの言われるように非プロポーショナル文字（MS ゴジック、MS 明朝）を使うか文書整形機能を使うしかありません。

お礼

回答ありがとうございます。
文書整形というとテーブル化何かで、ということでしょうか。

回答No.1

Trick--o--

ちゃんと空白文字は入っています。
ただ、フォントによっては文字に応じて幅を変えるので、思うように表示されないのです。

日本語だと、頭にPのつくフォントがそうなので、それ以外のフォントを指定してみてください。

検索キーワード：プロポーショナルフォント

お礼

フォントを変えないといけないんですね。
そこのところが変更ＯＫかどうかわからないのですが、
とりあえず理由がわかりました。
ありがとうございます。