HTML的
標簽是網頁布局中不可或缺的一部分。很多時候，我們會需要將一個包含表格的
居中顯示，以使頁面看起來更加美觀。下面是一個簡單的HTML代碼示例，可以幫助您將一個
中的表格居中顯示。
首先，我們需要將
和表格的樣式添加到我們的HTML代碼中。在這個例子中，我們將使用以下代碼：
<style>
/*將包含表格的div設置為居中顯示*/
div {
margin: 0 auto;
}
/*設置表格樣式*/
table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
</style>這段代碼告訴瀏覽器將包含表格的顯示為居中對齊，同時還定義了表格的樣式。現在，我們需要在HTML文檔中創建一個
，并在其中嵌入我們的表格。以下是一個例子：
<div> <table> <tr> <th>Name</th> <th>Age</th> <th>Country</th> </tr> <tr> <td>John</td> <td>24</td> <td>USA</td> </tr> <tr> <td>Mary</td> <td>31</td> <td>Canada</td> </tr> </table> </div>這段代碼創建了一個包含表格的
，通過我們在樣式部分定義好的設置，
會自動居中顯示在網頁中。在表格中，我們創建了三個列，每個列都有一個表頭和兩行數據。
總之，使用HTML的
和表格元素可以很便捷地實現網頁布局中的居中顯示效果。通過上述的HTML代碼，在您的網站頁面中使用
和表格時，可以很容易地讓它們居中顯示。