在網(wǎng)頁(yè)設(shè)計(jì)中，居中顯示是一個(gè)常見(jiàn)的需求。其中，表格的居中對(duì)于對(duì)齊和顯示數(shù)據(jù)也是非常重要的。在CSS中，可以使用行內(nèi)CSS樣式來(lái)控制表格的居中顯示。 首先，我們需要?jiǎng)?chuàng)建一個(gè)基本的表格，如下所示：

<table border="1">
<tr>
<th>名稱</th>
<th>價(jià)格</th>
<th>數(shù)量</th>
</tr>
<tr>
<td>蘋(píng)果</td>
<td>2元</td>
<td>10個(gè)</td>
</tr>
<tr>
<td>香蕉</td>
<td>3元</td>
<td>5個(gè)</td>
</tr>
</table>

接下來(lái)，我們可以使用行內(nèi)CSS樣式來(lái)對(duì)表格進(jìn)行居中對(duì)齊的操作。方法如下： 1. 使用style屬性來(lái)引入CSS樣式表：

<table border="1" style="margin:0 auto">
//表格內(nèi)容
</table>

2. 在CSS樣式中對(duì)表格進(jìn)行居中對(duì)齊：

table {
margin:0 auto;
}

其中，0代表頂部和底部的外邊距為0，auto代表左右外邊距為自動(dòng)，也就是居中。 此外，如果希望讓表格以及其中的內(nèi)容都居中對(duì)齊，使用以下樣式：

table {
margin:0 auto;
text-align:center; /*將表格內(nèi)容居中對(duì)齊*/
}
th, td {
text-align:center; /*將表格中的單元格居中對(duì)齊*/
}

總之，在網(wǎng)頁(yè)設(shè)計(jì)中，表格的居中對(duì)齊是一個(gè)需要注意的細(xì)節(jié)。通過(guò)CSS樣式的居中對(duì)齊，可以讓表格更加美觀和易于閱讀。