当前位置：首页 > 行业动态 > 正文

html table如何居中

admin
行业动态
2024-04-05
2

要使HTML表格居中，可以使用CSS样式来实现，下面是一个详细的步骤和小标题：

1、创建HTML表格：

html table如何居中

<table>
  <tr>
    <th>表头1</th>
    <th>表头2</th>
    <th>表头3</th>
  </tr>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
    <td>单元格3</td>
  </tr>
  <tr>
    <td>单元格4</td>
    <td>单元格5</td>
    <td>单元格6</td>
  </tr>
</table>

2、添加CSS样式来居中表格：

<style>
  /* 设置表格居中的样式 */
  table {
    display: block;
    marginleft: auto;
    marginright: auto;
  }
</style>

3、将CSS样式应用到表格上：

html table如何居中

<table style="display: block; marginleft: auto; marginright: auto;">
  <tr>
    <th>表头1</th>
    <th>表头2</th>
    <th>表头3</th>
  </tr>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
    <td>单元格3</td>
  </tr>
  <tr>
    <td>单元格4</td>
    <td>单元格5</td>
    <td>单元格6</td>
  </tr>
</table>

通过以上步骤，你可以使用CSS样式将HTML表格居中显示。