- ベストアンサー
テーブルをサイトの真ん中に表示させたい
テーブルをサイトの真ん中に表示させたいのにうまくできません。 <html> <body> <table border="3" cellpadding="3" cellspacing="3"> <td style="text-align:center;">中央に表示</td> </table> </body> </html> これなんですが、左側に寄ってしまいます。 テーブルを中央に表示させる方法をご教授願います。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
テーブルタグに下記のCSSを適用することで可能です。 <table style="margin-left:auto;margin-right:auto;" >
その他の回答 (2)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
tableで配置をするのは、最も避けなければならない方法です。 『非視覚系メディアでのレンダリングに際して問題を起こすことがあるため、単に文書内容を整形する目的だけで表を用いるべきでない。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )』 『ページレイアウトの目的で表を用いる。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )』 もちろん、それが表であるなら、きちんと記述すると <body> <table summary="サンプルの表" border="1" style="margin:0 auto;"> <tbody> <tr> <td>セルの内容</td> </tr> </tbody> </table> </body> ★<center>は非推奨です。HTML4.01strict/XHTML1.0strict/XHTML1.1/HTML5にはありません。
お礼
ありがとうございました。
- kokorone
- ベストアンサー率38% (417/1093)
<table></table>を<center></center>で挟み込んでください。 http://www.tohoho-web.com/how2/layout.htm#center
お礼
ありがとうございました。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_3_thumbnail_img_sm.png)
お礼
ありがとうございました。