在網頁中，表格是一種常見的元素。為了美化表格，我們可能會想要加入一些圖片來提升表格的可讀性和美觀度。但有時圖片會與表格樣式不協調，而浪費用戶的頁面空間。本文介紹一種CSS技巧，可以讓表格中的圖片居中展示。
首先，我們需要使用CSS樣式來控制表格中圖片的處理。我們使用以下代碼來定義表格樣式及圖片樣式：

table {
border-collapse: collapse;
width: 100%;
}
td {
border: 1px solid #ddd;
text-align: center;
padding: 8px;
}
td img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}

以上樣式中，我們先定義了表格的邊框，寬度等基本樣式，接著針對表格中圖片的處理設置如下：
- max-width: 100%：圖片的最大寬度為100%，這可以保證圖片不會超出單元格范圍；
- height: auto：讓圖片的高度隨比例變化，如果不設置則可能會出現圖片變形的情況；
- display: block：將圖片轉化為塊狀元素，使其可以設置margin；
- margin: 0 auto：將圖片的左右外邊距設置為自動，可以將其置于單元格的中央。
經過以上的CSS樣式處理后，我們就可以在HTML中簡單地插入一個圖片并讓其在表格中居中顯示：

<table>
<tr>
<td>單元格1</td>
<td></td>
<td>單元格2</td>
</tr>
</table>

可以看到，我們所使用的是一些基本的CSS樣式，加上一些簡單的HTML標記，便可讓表格中的圖片居中展示。這種技巧可以幫助我們在網頁設計中更好地控制表格樣式，提升頁面的用戶體驗。