Htmlのｔｄ要素の中で半角の空白の使用

td要素の中に
<td> test</td>
と書くと、半角のスペースは無視されてしまいます。
どのようにすれば、半角のスペースを表示させることが出来るのでしょうか？
よろしくお願いします。

No.6 ベストアンサー 回答者： hikachu 回答日時： 2008/10/06 13:22

見栄えは大切ですよね☆

対策
・「」半角スペース

・半角スペースサイズの背景透明の画像
<td><img src="画像">test</td>

・tdサイズ（横）をtest+スペースサイズにする→テキスト右寄せ

・td にtext-indent:0.5emやpadding-left:0.5em

個人的には一番したのテーブルのcellpaddingの調整がオススメです

ソースの正しい記述も大切ですが、なにより見るユーザー側への配慮というのが大切だと考えています

あくまでページを見るのは自分一人じゃありませんから（笑

No.5 回答者： mibusys 回答日時： 2008/10/04 21:10

よくある表示方法をいくつか挙げておきます。

私はそんなに詳しくないのでこれくらいしかわかりません。
もっといい方法があるかもしれません。
「white-space: pre;」はFireFoxでは効きましたがIEでは対応していないようです。

<table border="1">
<tr><td>test</td>
<tr><td> test</td>
<tr><td style="text-indent:5px;"> test</td>
<tr><td style="padding-left:5px;}"> test</td>
<tr><td style="text-indent:5px;"> test</td>
<tr><td>　test</td>
<tr><td><pre style="display: inline;"> test</pre></td>
<tr><td><xmp style="display: inline;"> test</xmp></td>
<tr><td><listing style="display: inline;"> test</listing></td>
<tr><td style="white-space: pre;"> test</td>
</table>

No.4 回答者： snowize 回答日時： 2008/10/03 01:41

冒頭のホワイトスペース（半角スペースやらTAB文字やら）は無視される仕様です。

空白が必要ならばスタイルシートで設定するのがおすすめではありますよ？ 印刷用だから文法的に妥当かどうかなんか関係ないというのならばまあ構いませんが、自分の環境で正しく表示されればそれでいいというのは非常にHTMLらしくないです。

No.3 回答者： ORUKA1951 回答日時： 2008/10/03 00:57

タグの直後の空白文字は無視してくれないと、

<tr>
　<td>
　　内容
　</td>
　<td>
　　・・・
とか、きちんとインデントして書けないのがHTMLの使用です。どうしても必要な理由を思いつきません。td{ text-indent:0.5em;}やtd{ padding-left: 0.5em;}とスタイルシートで設定するか、cellpadding属性を指定すればよいのです。
　なぜなら、空白文字は内容ではありえないから、見栄えだけのため余分な空白は入れてはならないから。
　なお、その半角スペースがないようなら、文字参照で入れることはできます。
　どの方法を使うかは、何のための半角スペースかなどの目的を示していただくと適切なアドバイスができます。

No.2 回答者： dodemoii 回答日時： 2008/10/03 00:52

こんにちは

スペース「」を入れる。
http://web.mita.keio.ac.jp/~igaki/kiso_jyosyo/ht …

では。

No.1 回答者： lipton2222 回答日時： 2008/10/03 00:51

半角空白は特殊文字扱いのため「」で表示できます。

参考URL：http://e-words.jp/p/r-htmlentity.html