在CSS中，实现表格水平居中有多种方式，下面将详细介绍几种常用的方法。
使用 `margin` 属性
最简单的方式是使用`margin`属性，将左右外边距设置为`auto`。
.table-container {
width: 80%; /* 或者其他具体的宽度 */
margin-left: auto;
margin-right: auto;
}
这种方式适用于固定宽度的表格，如果表格宽度不是固定的，可以设置为百分比。
使用 `flexbox`
`flexbox`布局提供了一种更现代和灵活的方式来处理元素的对齐问题。
.table-container {
display: flex;
justify-content: center;
}
这种方式需要父容器具有`display: flex`属性，并且使用`justify-content: center`来实现水平居中。
使用 `grid`
与`flexbox`类似，CSS Grid也是一个现代布局技术，可以实现表格的水平居中。
.table-container {
display: grid;
place-items: center;
}
`place-items: center;`是一种简写属性，它等同于`place-items: center center;`，适用于水平和垂直居中。
使用 `text-align`
如果是要将表格内的文本或者单元格内容水平居中，可以使用`text-align`属性。
th, td {
text-align: center;
}
这个CSS规则将使所有单元格的内容居中，但仅限于文本水平居中，不会影响整个表格在父容器中的位置。
使用 `transform`
如果表格宽度不固定，还可以通过`transform`属性进行居中。
.table-container {
position: relative;
}
这种方式是通过将表格的左边缘定位到父容器的50%，然后通过`transform`属性向左移动自身宽度的50%来实现居中。
综上所述，根据不同的场景和需求，可以使用不同的CSS属性来实现表格的水平居中。在实际开发中，可以根据具体情况选择最适合的方法。