CSS是一種用來控制網(wǎng)頁(yè)樣式的語(yǔ)言。在網(wǎng)頁(yè)設(shè)計(jì)中，經(jīng)常會(huì)用到表格（table）來組織信息，而如何讓表格居中顯示也是一個(gè)比較普遍的需求。本文將介紹幾種用CSS使表格居中顯示的方法。

/* 方法一：使用margin */
table {
margin: 0 auto;
}
/* 方法二：使用text-align */
table {
text-align: center;
}
/* 方法三：使用flexbox */
.container {
display: flex;
justify-content: center;
}
.container table {
margin: 0; /* 取消默認(rèn)邊距 */
}

方法一：使用margin

利用margin屬性讓表格左右居中，代碼如下：

table {
margin: 0 auto;
}

其中，0表示上下不設(shè)置margin，auto表示自動(dòng)分配左右margin，達(dá)到居中效果。

方法二：使用text-align

表格的居中效果也可以通過text-align屬性來實(shí)現(xiàn)，代碼如下：

table {
text-align: center;
}

通過將表格的text-align屬性設(shè)置為center，使得表格內(nèi)的內(nèi)容居中顯示，進(jìn)而達(dá)到整個(gè)表格居中的效果。

方法三：使用flexbox

flexbox是CSS3的新特性，通過它可以輕松地實(shí)現(xiàn)盒模型中的布局，從而實(shí)現(xiàn)表格的居中效果。

代碼如下：

.container {
display: flex;
justify-content: center;
}
.container table {
margin: 0; /* 取消默認(rèn)邊距 */
}

通過給容器（.container）設(shè)置display:flex屬性，表格就變成了一個(gè)伸縮盒子。而justify-content:center屬性則使得伸縮盒子內(nèi)的內(nèi)容居中顯示，包括表格。

以上是幾種用CSS實(shí)現(xiàn)表格居中的方法，讀者可以根據(jù)實(shí)際情況選擇其中一種適合自己的方法。