在網(wǎng)頁(yè)設(shè)計(jì)中，表格是常用的數(shù)據(jù)展示方式。但是，如果數(shù)據(jù)在表格中沒(méi)有居中顯示，可能會(huì)給人視覺(jué)上的不協(xié)調(diào)感。本文將介紹如何使用CSS使表格數(shù)據(jù)居中顯示。 首先，我們需要先了解表格的結(jié)構(gòu)。表格是由一個(gè)個(gè)的單元格(cell)組成，每個(gè)單元格又可以再包含其他元素。在CSS中，我們可以使用以下代碼選擇表格元素： pre{ display: inline-block; background-color: #f1f1f1; border: 1px solid #ddd; padding: 10px; } 其中，`display`屬性設(shè)置為`inline-block`使得表格能夠跟其他元素并排顯示，`background-color`和`border`屬性是為了讓表格具有一定的邊框和背景顏色，`padding`屬性是為了讓表格中的內(nèi)容與表格邊框有一定的距離。 然后，我們可以使用以下代碼來(lái)設(shè)置表格數(shù)據(jù)居中顯示： p{ text-align: center; } 這個(gè)代碼塊中，`text-align`屬性設(shè)置為`center`可以讓表格中的內(nèi)容在水平方向上居中顯示。當(dāng)然，如果想要讓內(nèi)容在垂直方向上居中顯示，我們可以使用以下代碼： p{ text-align: center; vertical-align: middle; } 在CSS中，`vertical-align`屬性是用來(lái)設(shè)置元素中的內(nèi)容在垂直方向上相對(duì)于元素框的位置的。設(shè)置為`middle`可以讓內(nèi)容在垂直方向上居中顯示。 綜上所述，以上兩組代碼可以使表格數(shù)據(jù)在水平和垂直方向上都居中顯示。當(dāng)然，這只是基礎(chǔ)實(shí)現(xiàn)，根據(jù)實(shí)際需求，我們還可以對(duì)表格進(jìn)行更加具體的樣式設(shè)置。