在網(wǎng)頁(yè)設(shè)計(jì)中，表格是經(jīng)常使用到的元素。如果表格沒有居中對(duì)齊，就會(huì)顯得格外的不協(xié)調(diào)，使整個(gè)頁(yè)面顯得缺乏美感。以下是一種用CSS將表格水平放在div中心的方法：

<div class="wrapper">
<table>
<tr>
<th>姓名</th>
<th>年齡</th>
</tr>
<tr>
<td>小明</td>
<td>18</td>
</tr>
<tr>
<td>小紅</td>
<td>20</td>
</tr>
</table>
</div>
<style>
.wrapper {
display: flex;
justify-content: center;
align-items: center;
}
table {
margin: 0 auto;
}
</style>

首先，我們需要將表格放在一個(gè)div容器內(nèi)，本例將這個(gè)容器命名為wrapper。使用flexbox布局可以很容易地將wrapper內(nèi)的元素水平居中對(duì)齊。那么，如何將表格水平居中呢？

我們使用margin屬性來(lái)讓表格相對(duì)于wrapper容器居中對(duì)齊。這里將margin-top屬性和margin-bottom屬性設(shè)置為0，將margin-left屬性和margin-right屬性設(shè)置為auto。這樣，水平居中對(duì)齊就完成了。

另外，我們還可以使用text-align屬性設(shè)置表格內(nèi)文本的水平對(duì)齊方式。例如，將表頭單元格和正文單元格的text-align屬性都設(shè)置為center，可以讓表格內(nèi)的文本居中對(duì)齊。

通過以上這些設(shè)置，就可以將表格水平放在div中心，讓頁(yè)面整體顯得更加美觀和協(xié)調(diào)。