让表格在网页居中显示的两种方法

<p>可以通过以下两种方式让table表格在页面居中：</p>
<ol>
  <li>使用CSS样式设置居中</li>
  <p>可以通过CSS样式设置表格的margin属性来使其居中，示例代码如下：</p>
  <pre><code><style>
table {
  margin: 0 auto;
}
</style>
<table>
  <tr>
    <th>表头1</th>
    <th>表头2</th>
    <th>表头3</th>
  </tr>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
    <td>内容3</td>
  </tr>
</table></code></pre>
  <li>使用HTML标签设置居中</li>
  <p>可以在table标签外套一个div标签，并设置其样式为居中，示例代码如下：</p>
  <pre><code><div style='text-align:center;'>
  <table>
    <tr>
      <th>表头1</th>
      <th>表头2</th>
      <th>表头3</th>
    </tr>
    <tr>
      <td>内容1</td>
      <td>内容2</td>
      <td>内容3</td>
    </tr>
  </table>
</div></code></pre>
  <p>以上两种方式均可以使table表格在页面居中。</p>
</ol>