テーブル内の改行のズレ

質問

テーブル内で、文字の並びを縦横揃えようと思い、MSゴシックを使っています。幅を指定しているので、自動改行されるのですが、微妙なところでズレてしまいます。"。"の文字が影響しているようなのです。

例１）では、
ＡＢＣＤＥ
ＡＢＣＤＥ
となり、
例２）では、
ＡＢＣＤＥ
ＡＢＣＤ
Ｅ。
となります。

例２）を
ＡＢＣＤＥ
ＡＢＣＤＥ
。
とするには、どうしたらいいのでしょうか？

例１）
<table border=1 width=90 cellspacing=0 cellpadding=2>
<tr>
<td><font face="ＭＳ ゴシック">
ＡＢＣＤＥＡＢＣＤＥ</font>
</td>
</tr>
</table>
例２）
<table border=1 width=90 cellspacing=0 cellpadding=2>
<tr>
<td><font face="ＭＳ ゴシック">
ＡＢＣＤＥＡＢＣＤＥ。</font>
</td>
</tr>
</table>

回答No.2

yatokesa · ベストアンサー

「。」はブラウザの禁則処理で前の文字と一緒に改行されてしまうようですので防ぎようはないですね。
---
特定の環境下(Win/IE6限定とか)ならフォントサイズまで指定してきっちりそろえることができると思いますが、汎用的な(普通の)HTMLとして書くのなら無理があります。
基本的に個人の環境(OSやブラウザ、基本にするフォントやフォントサイズ)によって文字の大きさや送りが左右されますから。

お礼

どうも、ありがとうございました。

回答No.3

noname#3077

一区切りにしたい部分に対して<NOBR>タグを使うというのはどうでしょうか。
<NOBR>タグは、どうしても改行してほしくない部分に対して指定します。

<NOBR>ＡＢＣＤＥ</NOBR><NOBR>ＡＢＣＤＥ</NOBR>。

とすれば、Ａ～Ｅの間で改行は起こりません。
※但し、ＨＴＭＬ4.0では採用されていないようです。

スタイルシートで改行禁止を指定するには、
white-space:nowrap
を使用するようです。

参考ＵＲＬも見てみてくださいね。

参考URL：

http://tohoho.wakusei.ne.jp/html/nobr.htm

お礼

参考にさせていただきます。ありがとうございました。

回答No.1

gomaabura

こんにちは。

ＡＢＣＤＥ
ＡＢＣＤＥ
まで打って、その後改行して「。」を打つのは駄目ですか？

<table border=1 width=90 cellspacing=0 cellpadding=2>
<tr>
<td><font face="ＭＳ ゴシック">ＡＢＣＤＥＡＢＣＤＥ</font><BR>
。</td>
</tr>
</table>

こんな感じになります。

お礼

やっぱり表示結果をみて、改行の編集をしなくてはいけないんですね。ありがとうございました。