<div>和<td>是常用的HTML標簽，用于在網頁中創建布局和表格。經常有這樣的需求，希望將<div>和<td>元素居中顯示，以使頁面更美觀。本文將詳細介紹如何實現<div>和<td>居中的方法，并給出幾個代碼案例進行說明。
一、<div>居中顯示的方法 <div>元素默認是塊級元素，其寬度是一行的100%。要實現<div>元素居中顯示，可以使用下面的方法：
1. 使用margin屬性 可以通過設置margin屬性來實現<div>元素居中。將左右的margin值設為auto，即可使其水平居中。例如：

代碼示例1：
<div style="margin: 0 auto;">將此處的文本內容置于div內</div>

2. 使用flexbox布局
在CSS中，我們可以使用flexbox布局來實現元素的居中。對于<div>元素，只需要設置其父元素的display屬性為flex，并且設置justify-content和align-items屬性為center，即可將<div>元素水平和垂直居中。例如：
代碼示例2：
<div style="display: flex; justify-content: center; align-items: center;">將此處的文本內容置于div內</div>

二、<td>居中顯示的方法
<td>元素是HTML表格中的單元格，要實現<td>元素居中顯示，可以使用下面的方法：
1. 使用text-align屬性
可以通過設置<td>元素的text-align屬性為center，將其中的文本內容水平居中。例如：
代碼示例3：
<table>
<tr>
<td style="text-align: center;">將此處的文本內容置于td內</td>
</tr>
</table>

2. 使用vertical-align屬性
如果需要將<td>元素垂直居中，可以使用vertical-align屬性。將其中的文本內容垂直居中，可以設置vertical-align屬性為middle。例如：
代碼示例4：
<table>
<tr>
<td style="vertical-align: middle;">將此處的文本內容置于td內</td>
</tr>
</table>

綜上，我們可以通過以上的方法輕松實現<div>和<td>元素的居中顯示。無論是使用margin屬性、flexbox布局、text-align屬性還是vertical-align屬性，都能夠快速滿足居中顯示的需求，讓頁面更加美觀和易讀。希望這篇文章能夠幫助到你理解和應用<div>和<td>的居中顯示方法。