ベストアンサー

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

2008/10/03 00:46

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

wan_wan
お礼率34% (114/329)

HTML
回答数6
ありがとう数0

みんなの回答 （6）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

hikachu
ベストアンサー率24% (8/33)

2008/10/06 13:22 回答No.6

見栄えは大切ですよね☆ 対策・「 」半角スペース・半角スペースサイズの背景透明の画像 <td><img src="画像">test</td> ・tdサイズ（横）をtest+スペースサイズにする→テキスト右寄せ・td にtext-indent:0.5emやpadding-left:0.5em 個人的には一番したのテーブルのcellpaddingの調整がオススメですソースの正しい記述も大切ですが、なにより見るユーザー側への配慮というのが大切だと考えていますあくまでページを見るのは自分一人じゃありませんから（笑

その他の回答 (5)

mibusys
ベストアンサー率60% (18/30)

2008/10/04 21:10 回答No.5

よくある表示方法をいくつか挙げておきます。私はそんなに詳しくないのでこれくらいしかわかりません。もっといい方法があるかもしれません。「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>

snowize
ベストアンサー率27% (68/245)

2008/10/03 01:41 回答No.4

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

ORUKA1951
ベストアンサー率45% (5062/11036)

2008/10/03 00:57 回答No.3

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