HTML頁面居中是我們在頁面布局中經常會遇到的問題，下面分享一些常用的HTML頁面居中代碼。 首先是水平居中代碼：

<div style="text-align:center;">
居中內容
</div>

我們可以在該div元素中嵌套其他任何HTML元素，而這些元素都將居中顯示。 下面是另一種實現水平居中的HTML代碼：

<div style="margin: 0 auto;">
居中內容
</div>

此代碼將使該div元素水平居中，同時該元素的上下邊距可自行設置。 接下來介紹一下垂直居中代碼：

<div style="position: absolute;
top: 50%;
transform: translateY(-50%);">
居中內容
</div>

此代碼將使該div元素垂直居中，可以將該div元素放置于另一個容器中，在另一容器中的位置可以通過設置該容器的position屬性控制，此處不再贅述。 最后是兼容移動端的HTML頁面居中代碼：

<meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<div style="display: flex;
align-items: center;
justify-content: center;">
居中內容
</div>

這段代碼將使該div元素水平垂直居中，其優點是適用于移動端，同時使用了CSS3的flexbox技術，不需要使用絕對定位，代碼結構更加簡單。 以上是一些常用的HTML頁面居中代碼，可以根據不同的頁面需要來選擇合適的代碼進行使用。