HTML的居中對齊是一個讓很多初學(xué)者頭疼的問題，但是通過簡單的掌握，你也可以輕松掌握這個技巧。

<div style="text-align:center;">
<h1>這是一個居中對齊的標(biāo)題</h1>
<p>這是一個居中對齊的段落</p>
</div>

如以上代碼所示，只要在你想要居中對齊的DIV標(biāo)簽內(nèi)加上text-align:center;就可以很容易地居中對齊里面的任何內(nèi)容。

當(dāng)然，若要居中對齊一個圖像，還需為圖像的樣式加上margin-left:auto;和margin-right:auto;，如以下代碼所示：

<img src="image.jpg" alt="這是一張圖片" style="display:block;margin-left:auto;margin-right:auto;">

注意，這里需要將圖片的display屬性設(shè)置為block，以便讓margin-left:auto;和margin-right:auto;起作用。