• ベストアンサー

htmlでtableの中の文字を真ん中寄せするには?

htmlで<table><tr><td>XXX</td><td>…と表を作成していますが、この時、1つ1つのセルの中の文字を真ん中寄せするにはどうしたらよいですか?

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

  • ベストアンサー
  • salonpath
  • ベストアンサー率48% (194/399)
回答No.2

<style type="text/css"> th,td{ text-align:center; } </style> これをheadの中へ入れるか、自身で使っているcssに追加してみてください。

その他の回答 (1)

回答No.1

<div align="center">文字</div> で表記すると真ん中に寄ります。

関連するQ&A

  • テーブルの中にテーブルを入れ込んで・・・

    最近、質問ばかりしてるような気がするのですが・・・ m(__)m 親テーブルのセルの中に子テーブルを入れ込んで 子テーブルを親テーブルのセルの縦位置を中央に表示させたいのですがうまく行きません NN6.Xでは表示されるのですがIEだと上寄せに 表示されてしまいます。 これはIEの仕様でしょうがないのでしょうか? (↑けしてダジャレではありません(^^ゞ) セル内配置でテキストや画像は上手く 中央位置に出来るのですが子テーブルが出来ないです なぜでしょうか? 参考のためにソースコードを --------------------------------- <table width="100%" border="1" height="100%"> <tr> <td align="center" valign="middle"> <table width="50%" border="1" height="50%"> <tr> <td> </td> </tr> </table> </td> </tr> </table> ------------------------------------- よろしくお願いします。 スタイルシートやjavascriptを使ったやりかた とかもあるのでしょうか?

    • ベストアンサー
    • HTML
  • tableの中にtableを作ると上部によらない

    tableの中に更にtableを作りたいのですが、内側のtableが上のほうに配置されず真ん中に出てしまいます。valign=topを使ったのですがうまくいきません。何か方法はありますでしょうか? <table height=500>   <tr><td> ---------- ここと ------------ <table height=250> <tr><td></td></tr> <tr><td></td></tr> </table> ---------- ここにかなりスペースが出来てしまう(*_*) </tr></td> </table>

  • tableタグについて

    質問させてください。 今<table>を用いて表を作成しています。 <table> <tr> <th>タイトル</th> </tr> <tr> <td>ダイナマイト</td> </tr> </table> なんて表を作成するときに "タイトル"や"ダイナマイト"の表示される文字を もう少し小さくしたいのですがどうすればよろしいでしょうか? お願いいたします。

    • ベストアンサー
    • HTML
  • 表の中の文字を小さくするには?

    表のなかの文字を小さくしようと思い、下のようにhtmlを書きました。でも、macではうまく表示されるのにwinでは文字がそのままで小さくなりません。 お時間あれば教えてください。いろいろ調べたのでうすが、よくわかりませんでした。よろしくお願いします。htmlはimacDV,OS9のsimpletextで書いています。 <TABLE BORDER=1 CELLSPACING=0 CELLPADDING=2 bgcolor="FFFFCC"> <font size="-1"> <TR><TD> ~小さくしたい文字~ </TD></TR> <TR><TD> ~小さくしたい文字~ </TD></TR> <TR><TD> ~小さくしたい文字~ </TD></TR> </font> </table>

    • ベストアンサー
    • HTML
  • テーブルの真ん中の横線だけ非表示にしたい

    まったくの初心者ですが、 下記テーブルの真ん中の横線だけ非表示にしたいのですが、 詳しい方いらっしゃいましたら、宜しくお願い致します。 <TABLE cellSpacing=0 cellPadding=0 width=300 border=1> <TR><TD></TD></TR> <TR><TD></TD></TR></TABLE>

  • <td> 内のテーブルを上寄せにするには?

    すみません教えていただけますか? 初心者です。 このまま表示するとTABLE A の直ぐ下のテーブルが中央に来てしまいます。 上寄せにしたいのですが、どのようにすればよいでしょうか? よろしくお願いします。 <table width="960" border="1"> <tr> <td width="160"> <!-- TABLE A --> <table width="160" border="1"> <tr> <td> <a href="" ><img src="subMenu.gif" /></a> </td> </tr> <tr> <td> <a href="" ><img src="subMenu.gif" /></a> </td> </tr> <tr> <td> <a href="" ><img src="subMenu.gif" /></a> </td> </tr> <tr> <td> <a href="" ><img src="subMenu.gif" /></a> </td> </tr> <tr> <td> <a href="" ><img src="subMenu.gif" /></a> </td> </tr> </table> </td> <td width="800" height="1200" border="1"> &nbsp; </td> </tr> </table>

    • ベストアンサー
    • HTML
  • HTML 表の中の表

    趣味でHPを作り始めたのですが表のところがよくわかりません。 大きな表(外枠)の中に2個目の表を作りたいのですが、どうしても2個目の表が大きな表(外枠)の真ん中に来てしまいます。2個目の表が大きな表の一番上にくっつくようにしたいのですがどうしたらいいのでしょうか。宜しくおねがいします。 <html> <body> <table border="1" height="500" width="300"> <tr> <td> <table border="1" width="100%"> <tr > <td colspan="3" > </td> </tr> <tr>   <td colspan="3"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>  </td> </tr> </table> </body> </html>

  • 次のテーブルのセル内文字を小さく

    したいのですがセル内文字ごとに<h7></h7>を付けると文字は小さくなるもののセルの高さがむしろ高くなり文字が上に貼りついてしまいます セルの高さも同じように文字にあわせて小さくできるような設定はあるでしょうか? <table border=1 cellspacing=0 cellpadding=0> <caption align=left> <nobr>あいうえおかきくけこ<nobr/> </caption> <tr><td colspan=3>abc</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td colspan=3 height=15></td></tr> </table>

    • ベストアンサー
    • HTML
  • tableの記述方法について

    よろしくお願いします。 以下のような表を作成しました。 <table> <tr> <th>イベント案内</th> </tr> <tr> <th>春</th> <td>お散歩しよう</td> </tr> 上記の<td>お散歩しよう</td>のセルの中に画像を入れたいのですが こういった場合はどのような記述をすれば良いのでしょうか? 画像の下にお散歩しようの文字が中央に来るようにしたいと思っております。どなた様かご指導の程よろしくお願いします。

    • ベストアンサー
    • HTML
  • tableの中にtableを作ると、width指定が機能しない

    tableの中にtableを作り、中側にあるテーブルの列ごとにwidthを指定したいのですが、うまくいきません。ソースを書いてみます。 例: <table width=300> <tr><td> <table width=100> <tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td><tr> </table> </td><td> <table width=100> <tr><td>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td><tr> </table> </td><td> <table width=100> <tr><td>ccccccccccccccccccccccccccccccccccc</td><tr> </table> </td></tr> </table> width=300のテーブルの中にwidth=100のテーブルが3つできたのはいいのですが、width=100のテーブルの中に100pxを超える文字列を入れると100pxという値を無視してテーブルが横長くなってしまいます。 これを100pxという値に従わせるにはどうしたらいいでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう