CSS表格宽度设置及居中方法 - 详细教程

要设置CSS表格的宽度并居中，可以按照以下步骤进行：

1. 在CSS中设置表格宽度：使用'width'属性来设置表格宽度，例如'width: 80%;'表示表格宽度为父元素宽度的80%。
2. 在CSS中设置表格居中：使用'margin'属性来设置表格的左右边距，例如'margin: 0 auto;'表示左右边距为0，自动居中。
3. 将CSS样式应用于HTML表格：可以将CSS样式应用于HTML表格，可以通过'class'或'id'属性来指定HTML元素，并在CSS中定义相应的样式。

示例代码如下：

HTML代码：

<table class="my-table">
  <tr>
    <th>标题1</th>
    <th>标题2</th>
    <th>标题3</th>
  </tr>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
    <td>内容3</td>
  </tr>
</table>

CSS代码：

.my-table {
  width: 80%;
  margin: 0 auto;
}

注意：如果表格中有较长的内容，可以使用'table-layout: fixed;'属性来固定表格宽度，以防止表格过宽。