CSS中可以使用不同的方法来控制table居中。下面介绍一些常用的方法。

<style>table{margin: 0 auto; /*表格水平居中*/text-align: center; /*将表格内容水平居中*/}</style>

使用margin属性将表格水平居中，然后使用text-align属性将表格内的内容水平居中。这是最常见的方法。

<style>table{display: inline-block; /*将table转换成行内块元素*/}.parent{text-align: center; /*将容器水平居中*/}</style><div ><table>...</table></div>

将table元素转换成行内块元素，然后将容器的文本对齐方式设置为居中，就能使表格居中。需要注意的是，此方法需要将table放入一个父级容器内。

<style>table{position: absolute; /*将表格绝对定位*/top: 50%; /*将表格顶部距离页面顶部距离设为50%*/left: 50%; /*将表格左边距设为50%*/transform: translate(-50%, -50%); /*使用transform属性对表格进行微调*/}</style>

将表格设为绝对定位，然后将表格的顶部距离设为50%、左边距设为50%，就能将表格水平居中。但此时表格会往下偏移一定的距离，这时可以使用transform属性对表格进行微调。