在HTML中，頁面中元素的排版布局非常重要。其中，居中布局是最廣泛和常用的一種。無論是文字、圖片還是其他元素，都可以通過代碼實現居中布局。

要實現居中布局，首先需要了解幾個關鍵用法。

/* 水平居中布局 */
text-align: center;
/* 垂直居中布局 */
display: flex;
align-items: center;
justify-content: center;

以上代碼分別用于水平居中和垂直居中。

在實際應用中，常用方法有以下幾種。

一、使用表格

<table align="center">
<tr>
<td>元素</td>
</tr>
</table>

二、使用 margin 屬性

/* 水平居中 */
.element {
width: 200px;
margin: 0 auto;
}
/* 垂直居中 */
.element {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

三、使用 flex 布局

.container {
display: flex;
align-items: center;
justify-content: center;
}
.container .element {
flex: 1;
text-align: center;
}

以上是 HTML 居中代碼的一些方法與用法，易于上手，大家可以試著寫一些代碼進行練習，以便熟練掌握。