CSS表格是我們經常用到的網頁元素之一，它可以讓我們更方便地展示和排列內容。而在很多時候，我們需要在表格中顯示圖片，而且還要讓它居中顯示，這就需要使用CSS來實現。下面我們就來看一下如何使用CSS表格來居中顯示圖片。

<table>
<tr>
<td><img src="your-image-url" alt="your-image"></td>
</tr>
</table>
table {
margin: 0 auto;
}
td img {
display: block;
margin: 0 auto;
}

首先，我們需要在表格中插入圖片，代碼如下所示：

接下來，我們需要使用CSS來讓表格居中顯示。我們可以給表格設置margin: 0 auto;來實現居中效果。

代碼如下所示：

table {
margin: 0 auto;
}

但是，此時圖片還沒有居中顯示。需要我們單獨對圖片進行設置，讓它在表格中居中顯示。我們需要給圖片所在的單元格設置text-align: center;，并設置圖片的display: block;和margin: 0 auto;來實現圖片的居中顯示。

代碼如下所示：

td img {
display: block;
margin: 0 auto;
}

最終的效果如下所示：

使用CSS表格來居中顯示圖片，不僅讓頁面更美觀，而且還能提高用戶體驗。希望這篇文章能夠對你有所幫助，謝謝閱讀！