プロが教える店舗&オフィスのセキュリティ対策術

お世話になります。

htmlを使用して表の作成・文字を中央揃えにしたい
と思っております。

現状下記のhtmlソースのように
各td タグ毎に「align="center"」を
入力しております。

これをどこか一括で、例えば
<table align="center">
などと記入すれば、各tdの入力は不要
→一括で、中央揃えにする方法はないでしょうか?

ツールは便利などの回答は不要で、
あくまで、htmlのソースレベルで
ご回答頂ければと思います。

宜しくお願いします。

--------htmlソース---------
<table border="1">
<tr>
<td align="center">AAAA</td>
<td align="center">AAAA</td>
<td align="center">AAAA</td>
<td align="center">AAAA</td>
<td align="center">AAAA</td>
<td align="center">AAAA</td>
</tr>
</table>

A 回答 (2件)

ご存知かと思いますが、alignなどプレゼンテーションに関わる属性は使わないほうが良いでしょう。


align属性は、
「4.行または行グループ要素(TR、 THEAD、TFOOT、及び TBODY)に設定されている配置の属性値。 複数行をまたぐコマについては、配置のプロパティは、またぎはじめの部分のコマ定義から継承される。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」
と書かれているように、継承されますから、
<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プロパティは、継承されますから親に指定すればすみます。
    • good
    • 0

<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>
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!