CSS表格是網(wǎng)頁中常用的一種布局方式，它可以很好地展示數(shù)據(jù)。在CSS表格中，我們經(jīng)常會(huì)需要將文本水平居中對齊。這篇文章將介紹如何使用CSS實(shí)現(xiàn)表格文本水平居中對齊。

table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid black;
padding: 8px;
text-align: center;
}

上面的代碼定義了一個(gè)基本的表格樣式，包括邊框、內(nèi)邊距以及中心對齊。接下來，我們討論一些進(jìn)一步的樣式更改來實(shí)現(xiàn)文本水平居中對齊。

首先，我們可以在CSS中為表頭定義一個(gè)新的樣式：

th {
background-color: #4CAF50;
color: white;
}

這將在表格表頭中添加背景色，并將文本顏色設(shè)置為白色。現(xiàn)在，我們可以使用CSS的text-align屬性將表頭文本居中對齊：

th {
background-color: #4CAF50;
color: white;
text-align: center;
}

接下來，我們需要為表格中的單元格定義一個(gè)新的樣式：

td {
text-align: center;
}

這樣就可以將單元格中的文本水平居中對齊。如果您需要對某個(gè)單元格單獨(dú)進(jìn)行樣式更改，可以為其單獨(dú)定義一個(gè)類并在CSS中設(shè)置樣式：

.center {
text-align: center;
}

這樣，您就可以在HTML中將此類應(yīng)用于特定單元格：

<td class="center">居中對齊</td>

總之，使用CSS實(shí)現(xiàn)表格文本的水平居中對齊非常簡單。只需使用text-align屬性、定義單元格樣式或單獨(dú)為單元格定義類即可。