横幅Maxは100%
コンテンツを中央に配置する方法を紹介します。ブラウザ横幅のMaxは100%です。「 % 」を割り当てます。
<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>
marginで中央に設定
セル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 { 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 }