CSS 中的表格是常見的 HTML 元素之一，用來展示數據和信息非常方便。然而，在布局網頁時，經常遇到需要把表格居中的情況，這時候就需要用到 CSS 來實現這一需求。下面我們來詳細地介紹如何使用 CSS 來設置表格居中。 要設置表格居中，首先需要給表格加一個容器，比如一個 div 容器，然后在這個容器上使用 CSS 樣式來實現居中的效果。 下面是一段樣式代碼，可以實現表格居中的效果：

.container {
display: flex; /*使用 flex 布局 */
justify-content: center; /*水平居中*/
align-items: center; /*垂直居中*/
}
table {
margin: 0 auto; /*表格水平居中*/
}

代碼中，通過設置 container 容器的 display 屬性為 flex，使用 justify-content 和 align-items 分別設置水平和垂直居中。然后再使用 margin 屬性將表格設置為水平居中即可。 我們也可以通過其他方式來實現表格的居中，比如使用 text-align 屬性，將表格的父級元素的 text-align 屬性設置為 center：

.container {
text-align: center;
}
table {
display: inline-block; /*設置為行級元素*/
}

在這種情況下，我們需要將表格的 display 屬性設置為行級元素，以免造成無法居中的問題。 以上就是 CSS 中設置表格居中的兩種方式，使用 flex 布局和 text-align 屬性，具體實現需要根據實際情況選擇合適的方法。