在網頁制作中，圖片常常是重要的組成部分，并且圖片的居中對齊是常見的需求之一。在CSS中，我們可以使用多種方式來實現圖片的居中對齊。本文將介紹幾種常見的方法，以幫助您輕松地實現此需求。 第一種方法：使用text-align屬性 我們可以將圖片所在的容器設置為text-align:center，這樣圖片就會自動居中對齊了。以下是示例代碼：

<div style="text-align:center;">
<img src="your-image-url.jpg" alt="your-image-description" />
</div>

第二種方法：使用margin屬性 我們可以使用margin屬性將圖片的左右外邊距均設為auto，這樣圖片也會自動居中對齊。以下是示例代碼：

<div>
<img src="your-image-url.jpg" alt="your-image-description" style="margin:0 auto;" />
</div>

第三種方法：使用flex布局 我們可以使用flex布局來居中對齊圖片。以下是示例代碼：

<div style="display:flex;justify-content:center;">
<img src="your-image-url.jpg" alt="your-image-description" />
</div>

以上是三種常見的居中對齊圖片的方法。您可以根據自己的需求選擇合適的方法進行實現。希望能夠對您有所幫助！