在網頁開發中，我們經常需要對圖片進行位置布局。有時候，我們需要讓圖片在整個頁面中居中，而有時候，我們只需要讓圖片居中在它所在的容器中，比如說一個div或者一個其他的HTML標簽。

在本篇文章中，我們將會介紹如何通過CSS將圖片居中對齊，同時還會提供與之對應的代碼。

使用CSS將圖片居中右對齊

/*將圖片居中右對齊*/
img {
display: block;
margin: 0 auto;
float: right;
}

在上面的代碼中，我們使用了三個樣式屬性：display、margin和float。

首先我們將display屬性設置為“block”，這樣圖片就可以占據一整行。

然后我們使用margin屬性將圖片水平居中對齊，這是因為margin是用來設置元素之間的間距的，將left和right都設置為“auto”可以使得元素在它所在的容器中水平對齊。

最后我們再將float屬性設置為“right”，這樣就可以使得圖片右對齊了。

完整的示例代碼：

上述代碼會將圖片在所在的容器中居中的同時，讓圖片右對齊。

如果你想要將圖片居中左對齊，只需要將上面代碼的“float:right”的值改為“float:left”即可。

總結

通過CSS將圖片居中對齊是一項重要的網頁布局技能，對于網頁設計及開發來說非常實用。上述的示例代碼為大家提供了一個參考，希望能對大家的學習有所幫助。