• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:文字の中央そろえを一括で指定したい)

HTML表の文字の中央そろえ方法

このQ&Aのポイント
  • HTMLを使用して表の作成・文字を中央揃えにする方法について説明します。
  • 現在、各tdタグにalign="center"を入力することで中央揃えをしていますが、一括で中央揃えする方法はありません。
  • ツールなどでは便利な方法もありますが、htmlのソースレベルでの方法を説明します。

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

ご存知かと思いますが、alignなどプレゼンテーションに関わる属性は使わないほうが良いでしょう。 align属性は、 「4.行または行グループ要素(TR、 THEAD、TFOOT、及び TBODY)に設定されている配置の属性値。 複数行をまたぐコマについては、配置のプロパティは、またぎはじめの部分のコマ定義から継承される。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.3.2.1 )」 と書かれているように、継承されますから、 <table summary="テスト" border="1"><!-- summary必須 --> _<tbody align="center"><!-- tbodyは必須、なくても表示はされますが --> __<tr> ___<td>aa</td><td>AAAA</td><td>aaaaaaaa</td> __</tr> __<tr> ___<td>aaaaa</td><td>aa</td><td>aaa</td> __</tr> _</tbody> </table> でセルに継承されるはずです。 なお、今はこの様に書くことは少なくて <table summary="テスト" border="1"> _<tbody> __<tr> ___<td>aa</td><td>AAAA</td><td>aaaaaaaa</td> __</tr> __<tr> ___<td>aaaaa</td><td>aa</td><td>aaa</td> __</tr> _</tbody> </table> と書いて、スタイルシートで table[summary="テスト"]{text-align:center;} と指定するほうが良いです。 text-alignプロパティは、継承されますから親に指定すればすみます。

すると、全ての回答が全文表示されます。

その他の回答 (1)

  • t_ohta
  • ベストアンサー率38% (5320/13881)
回答No.1

<style>.cent td {text-align:center;}</style> <table border="1" class="cent"> <tr> <td>AAAA</td> <td>AAAA</td> <td>AAAA</td> <td>AAAA</td> <td>AAAA</td> <td>AAAA</td> </tr> </table>

すると、全ての回答が全文表示されます。

関連するQ&A