CSS表格合并單元格的技巧非常實用，可以讓表格更加美觀，同時也可以讓表格更加易于閱讀。接下來，讓我們一起來學習如何在CSS中合并單元格并居中吧。

table {
border-collapse: collapse;
}
td {
border: 1px solid black;
text-align: center;
vertical-align: middle;
}
td.colspan {
/* 合并列 */
/* 單元格水平合并 */
/* 三列合并為一列 */
/* 從第一列合并到第三列 */
grid-column: 1 / 4;
}
td.rowspan {
/* 合并行 */
/* 單元格垂直合并 */
/* 三行合并為一行 */
/* 從第一行合并到第三行 */
grid-row: 1 / 4;
}

上述代碼中，我們首先將表格的邊框合并，使表格更加的緊湊。接著，我們定義每個單元格的邊框，并讓內容居中對齊。這樣可以讓表格看起來更加規整，易于閱讀。

如果我們需要合并表格中的單元格，我們可以為這些單元格添加特殊的類（如：colspan、rowspan）。通過設置grid-column或grid-row屬性來實現單元格的水平合并或垂直合并，從而實現單元格的合并效果。

最后，通過使用合適的CSS樣式，我們可以讓合并的單元格居中顯示，使得整個表格更加美觀。