```

在这个例子中，外层`div`设置了`text-align: center;`，而表格本身则通过`margin: 0 auto;`实现水平居中。这种方法适用于大多数情况，兼容性良好。

方法二：直接对表格设置`margin: 0 auto;`

如果你不想额外添加`div`标签，也可以直接对表格元素设置`margin: 0 auto;`，但需要注意的是，表格必须有明确的宽度，否则该属性可能不起作用。

```html

```

这种方式简洁明了，适合不需要复杂布局的场景。

方法三：使用Flexbox布局

Flexbox 是现代网页布局的一种强大工具，能够轻松实现元素的居中对齐。你可以将表格放在一个Flex容器中，并设置其对齐方式为居中。

```html

```

这种方法不仅适用于表格，也适用于其他类型的元素，非常适合响应式设计。

方法四：使用`align`属性（不推荐）

虽然HTML早期版本中支持`align`属性，如`

小贴士：表格内容居中

除了表格整体的居中，有时也需要让表格内的文字或内容居中。可以通过以下CSS样式实现：

```css

td, th {

text-align: center;

vertical-align: middle;

}

```

这样可以让表格中的每一行和列都保持垂直和水平居中，提升视觉效果。

总结

在HTML中实现表格居中并不困难，关键在于正确使用CSS样式。无论是通过`margin: 0 auto;`、Flexbox布局，还是其他方法，都可以根据具体需求选择最合适的方式。希望本文能帮助你更好地掌握表格居中的技巧，打造更美观、专业的网页界面。