CSS實現圖片居中顯示是前端開發中的一項重要的技術。

在網頁設計中，常常會遇到要把圖片居中顯示的情況，這需要我們使用CSS的布局技術來實現。

img {
display: block;
margin: 0 auto;
}

上面的代碼是實現圖片居中顯示的關鍵代碼。

首先，我們需要讓圖片的顯示方式變為塊級元素，這樣才能使其居中顯示。使用display屬性可以輕松地實現這一點。

接著，我們需要使用margin屬性來設置圖片的左右margin值為auto。這可以使圖片在父元素中水平居中顯示。

當然，我們還可以通過使用text-align屬性來實現圖片的居中顯示。代碼如下：

.parent {
text-align: center;
}
.parent img {
display: inline-block;
}

首先，我們需要將圖片的父元素的text-align屬性設置為center，這樣就可以使圖片在父元素中居中顯示。

接著，我們需要將圖片的顯示方式變為內聯塊元素，這可以通過使用display屬性來實現。

這兩種方法都可以輕松地實現圖片的居中顯示，具體方法可以根據具體的需求進行選擇。