コンテンツを中央に配置

関連リンク

• cssの説明
• cssの記載方法
• cssの読み込む順番
• コンテンツ余白設定

Pickup

• 無料アフィリエイト
• 無料ブログ 比較 宣伝

横幅のMaxは100%

コンテンツを中央に配置する方法を紹介します。ブラウザ横幅のMaxは100%です。「 % 」を割り当てます。

何も設定してない場合

セル1	セル2
セル3	セル4

<table border="1" cellspacing="1" cellpadding="5" width="300">
<tr><td>セル1</td><td>セル2</td></tr>
<tr><td>セル3</td><td>セル4</td></tr>
</table>
<table border="1" cellspacing="1" cellpadding="5" width="300">
<tr><td>セル1</td><td>セル2</td></tr>
<tr><td>セル3</td><td>セル4</td></tr>
</table>

スタイルシート

table { width: 60%; margin-left: 20%; margin-right: 20% }

---

■全体を中央に設定している場合は、autoでも大丈夫です。

<table border="1" cellspacing="1" cellpadding="5" width="300">
<tr><td>セル1</td><td>セル2</td></tr>
<tr><td>セル3</td><td>セル4</td></tr>
</table>

スタイルシート

table { width: 60%; margin-left: auto; margin-right: auto }