HTML 中的圖像、文本和其他元素的對齊方式的設置是很重要的。其中，居中對齊是最常用的一種設置方式。本文將介紹如何在 HTML中設置居中對齊的方法。
首先，我們需要使用一個 div 標簽，將需要居中對齊的部分包起來。然后，設置 div 標簽的屬性為 text-align: center; 即可將包裹在 div 內的元素居中對齊。
例如，以下代碼將一個文本和一個圖像使用 div 標簽包裹起來，并將其居中對齊：
<!DOCTYPE html>
<html>
<head>
<style>
.center {
text-align: center;
}
</style>
</head>
<body>
<div class="center">
<p>這是一個居中對齊的文本</p>
<img src="example.png" alt="示例圖像">
</div>
</body>
</html>可以看到，我們將 .center 選擇器應用到 div 標簽上，實現了文本和圖像的居中對齊。
當然，除了上述方法，還可以使用 margin 屬性來實現居中對齊。例如，以下代碼將 div 元素的 margin 屬性設置為 auto，左右兩側的空白會自動平分，從而實現水平居中對齊：<!DOCTYPE html>
<html>
<head>
<style>
.center {
margin: auto;
}
</style>
</head>
<body>
<div class="center">
<p>這是一個居中對齊的文本</p>
<img src="example.png"alt="示例圖像">
</div>
</body>
</html>可以看到，通過設置 margin 屬性，同樣可以實現元素的居中對齊。
總的來說，HTML 中的居中對齊方式的設置有多種方法，能夠滿足不同需求的實現。掌握這些方法可以讓我們更好地布局頁面，提高用戶體驗，同時也可以為網頁設計師提供更多的創意空間。