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 class="parent">
<table>
...
</table>
</div>

將table元素轉換成行內塊元素，然后將容器的文本對齊方式設置為居中，就能使表格居中。需要注意的是，此方法需要將table放入一個父級容器內。

<style>
table{
position: absolute; /*將表格絕對定位*/
top: 50%; /*將表格頂部距離頁面頂部距離設為50%*/
left: 50%; /*將表格左邊距設為50%*/
transform: translate(-50%, -50%); /*使用transform屬性對表格進行微調*/
}
</style>

將表格設為絕對定位，然后將表格的頂部距離設為50%、左邊距設為50%，就能將表格水平居中。但此時表格會往下偏移一定的距離，這時可以使用transform屬性對表格進行微調。