在網頁布局中，橫向居中（水平居中）、縱向居中（垂直居中）是常見的需求之一。本文將以 HTML 居中為例，為大家介紹如何設置標簽實現(xiàn)居中效果。

1. 橫向居中

<div style="text-align:center;">
<p>這是橫向居中的文本</p>
</div>

在 div 標簽上添加樣式text-align:center;，使其內部元素居中。

2. 縱向居中

<div style="display:flex; align-items:center;">
<p>這是縱向居中的文本</p>
</div>

在 div 標簽上添加樣式display:flex; align-items:center;，使其內部元素在縱向方向上居中。

3. 橫向縱向居中

<div style="display:flex; justify-content:center; align-items:center;">
<p>這是橫向縱向居中的文本</p>
</div>

在 div 標簽上添加樣式display:flex; justify-content:center; align-items:center;，使其內部元素在橫向和縱向方向上居中。

總結，通過添加樣式的方式，我們可以很方便地實現(xiàn) HTML 居中效果。