CSS合并列后居中顯示，是網頁設計中常用的技巧之一。合并列可以減少空間占用，讓表格的排版更加整齊美觀，而居中顯示則可以讓表格更加集中和突出。

下面是一個實例，展示了如何使用CSS合并列后進行居中顯示。

<table>
<tr>
<td>學號</td>
<td>姓名</td>
<td colspan="2">成績單</td>
</tr>
<tr>
<td>001</td>
<td>小明</td>
<td>語文：90</td>
<td>數學：95</td>
</tr>
<tr>
<td>002</td>
<td>小紅</td>
<td>語文：92</td>
<td>數學：93</td>
</tr>
</table>
<style>
table{
width: 80%;
margin: 0 auto; /*水平居中*/
border-collapse: collapse; /*合并邊框*/
}
td{
border: 1px solid gray;
padding: 5px;
text-align: center;
}
td[colspan]{
background-color: lightgray; /*合并列的背景色*/
}
</style>

在HTML代碼中，使用colspan屬性來合并列。在CSS樣式中，設置表格的寬度為80%，并使用margin屬性讓表格水平居中。使用border-collapse屬性合并邊框，使用text-align屬性讓所有單元格中的文字居中。最后，使用colspan屬性在CSS樣式中為合并列設置背景色。

通過這個實例，我們可以看到，CSS合并列后居中顯示的效果非常好。如果你想讓自己的網頁更加美觀整潔，不妨嘗試一下這種技巧。