CSS可以用來控制頁面元素的樣式和布局，其中包括圖片的位置和對齊方式。在本文中，我們將介紹如何使用CSS將圖片水平居中顯示。

img {
display: block;
margin: auto;
}

要將圖片水平居中，首先需要將其設置為塊級元素，這可以通過CSS中的"display:block;"屬性來實現。接下來，將圖片的margin屬性設置為"auto"，這會將其水平居中對齊。

需要注意的是，這個方法只適用于具有固定寬度的圖片。如果圖片的寬度不確定，可以使用"max-width"屬性來限制其最大寬度，并將其設置為100%以自適應頁面布局。

img {
display: block;
margin: auto;
max-width: 100%;
}

通過以上CSS代碼的設置，我們可以將圖片水平居中并自適應頁面寬度。希望這篇文章對你有所幫助。