HTML中使用div進行頁面布局時，如何使其居中展示呢？在這里，我們就來介紹一下如何使用HTML和相關的CSS代碼來實現這一目標。 首先，在HTML代碼中，我們需要將需要居中的元素用div包裹起來，然后給其設置一個類名，如下面的示例代碼：

<div class="centered">
<p>這是需要居中顯示的內容</p>
</div>

在CSS代碼中，我們可以通過設置margin屬性來實現居中的效果，具體代碼如下：

.centered {
width: 50%; /* 設置寬度 */
margin: 0 auto; /* 居中顯示 */
}

其中，width屬性可以根據需要進行調整，margin屬性則是關鍵。在這里，我們將margin的左右值都設置為"auto"，這樣就能夠將其水平居中顯示。 除了這種方法，我們還可以使用flex布局來實現元素的居中顯示，具體方法如下：

.centered {
display: flex; /* 使用flex布局 */
justify-content: center; /* 在水平方向上居中 */
align-items: center; /* 在垂直方向上居中 */
}

通過這種方法，我們就能夠在HTML中實現元素的居中展示效果，從而更好的美化和優化我們的頁面呈現效果。