CSS多個表格水平居中是一個常見的問題。在本文中，我們將介紹幾種方法來實現多個表格的水平居中。 使用text-align屬性 第一種方法是使用text-align屬性來水平居中表格。我們可以將表格放入一個含有text-align:center屬性的容器中，如下所示：

<div style="text-align:center">
<table>
...
</table>
<table>
...
</table>
</div>

這個方法不能很好地處理表格間距的問題，因為容器會將所有表格放在一起居中。 使用margin:auto 使用margin:auto實現水平居中是非常流行的方法。它適用于所有塊級元素，包括table元素。我們可以在表格的外部包裹一個div，并設置其margin-left和margin-right屬性為auto，如下所示：

<div style="text-align:center">
<table style="margin:auto">
...
</table>
<table style="margin:auto">
...
</table>
</div>

這個方法可以很好地處理表格間距的問題，每個表格都會單獨居中。 使用Flexbox實現 使用Flexbox布局來實現水平居中表格是最新的方法。我們可以將每個表格放入一個Flex容器中，并設置其justify-content屬性為center，如下所示：

<div style="display:flex; justify-content:center;">
<table>
...
</table>
<table>
...
</table>
</div>

這個方法可以確保每個表格都單獨水平居中，同時允許我們靈活地控制表格間距。 在本文中，我們介紹了三種方法來實現水平居中多個表格。使用text-align屬性是最常見的方法，而margin:auto方法可以更精確地控制表格間距，而Flexbox布局則是最新的、最強大的方法，可以確保每個表格都單獨水平居中，同時允許我們靈活地控制表格間距。