如何使用 CSS 使表格整体居中

要在CSS中使表格整体居中，你可以通过设置表格容器（通常是`<table>`标签）的样式来实现。以下是几种常见的方法：

1. **水平居中**:
使用 `text-align: center;` 属性应用于表格的父元素（如 `<div>`），使整个表格在容器内水平居中。

.container {
   text-align: center;
}

将`.container`替换为你实际包含表格的元素的选择器。

2. **垂直居中**:
如果你想让表格在垂直方向也居中，可以尝试利用Flexbox布局。给包含表格的父元素添加`display: flex; justify-content: center; align-items: center;`。

.center-table-container {
   display: flex;
   justify-content: center;
   align-items: center;
}

3. **固定宽度居中**:
如果表格宽度已知且需要始终保持居中，可以使用绝对定位，并设置左、右外边距为50%的负值，使表格向左、右移动自身宽度的一半达到居中效果。

.table-container {
   position: relative;
   width: 80%; /* 或者自定宽度 */
}
.centered-table {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}

确保`.centered-table`是你表格的实际类名。